@charset "UTF-8";
$maincolor:#39f;
$fontsize:14px;
$fontfamily:'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif,'lucida grande','lucida sans unicode',lucida,helvetica;
$transition:all 0.3s ease 0s;
html{height:100%}
.body{height:100%}
body{margin:0;background-color: #f4f4f4;font-family:$fontfamily;font-size:$fontsize;height:100%;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
ul,ol{margin:0;padding:0}
ul li,ol li{ list-style-type:none}
@font-face {font-family: 'iconfont'; src: url('/images/icon/iconfont.eot'); src: url('/images/icon/iconfont.eot?#iefix') format('embedded-opentype'), url('/images/icon/iconfont.woff') format('woff'), url('/images/icon/iconfont.ttf') format('truetype'), url('/images/icon/iconfont.svg#iconfont') format('svg'); }
.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;margin-right:10px; }
.icon {width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.caret {display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.close{ position:absolute;right:5px;top:-3px;line-height:22px;transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); font-size:30px; cursor:pointer; color:#999999;}
.clear{clear: both;}
.selectorUserListImg{border-radius: 50%;width: 36px;height: 36px; border:2px #fff solid; margin: 0 5px; margin-bottom: -15px; }
input[type="checkbox"] {width:16px;height:16px;margin:0;}
input,textarea,select,button{outline: none;font-family:$fontfamily}
input:focus,.textarea:focus{outline-color:$maincolor !important;border:1px solid $maincolor}
.ng-leave{display:none;transition:all 0s ease 0s;}
.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; }
.btnmini{display: inline-block; padding: 0px 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius:15px; }
.queding{background-color:$maincolor;color:#fff!important;transition:all 0.3s ease 0s}
.queding:hover{background-color:#fff;color:$maincolor!important;border:1px solid $maincolor;transition:all 0.3s ease 0s}
.quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:all 0.3s ease 0s}
.quxiao:hover{background-color:$maincolor;color:#fff;transition:all 0.3s ease 0s}
.small{ font-size: 12px!important; color: #999}
.form-control{margin-bottom: 0; display: block; height: 34px;box-sizing: border-box; padding: 6px 30px 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; width: 100%;;} 
.checkboxsxtjtj {background-color: $maincolor; color: #fff; border-radius: 50%; width: 20px; text-align: center; margin: 4px 0; cursor: pointer; line-height: 18px; position: relative; height: 20px; }
.checkboxsxtjtj i{margin:0;font-size:15px;}
 
 .zhuanjiaimg{border:3px #fec601 solid}
.putongimg{border: 3px #c7c7c7 solid;}
 .zhuanjiaqi{position: absolute;    bottom: 0;    width: 90%;    text-align: center;    color: #9e7c19;    height: 28px;    background-image: url(/images/jinse_caidai.png);
    background-size: 100%;    display: block;    padding: 2% 5%;    margin: 0 auto;    z-index: 999;    background-repeat: no-repeat;}
.putongqi{position: absolute;    bottom: 0;    width: 90%;    text-align: center;    color: #8a8a8a;    height: 28px;    background-image: url(/images/yinse_caidai.png);
    background-size: 100%;    display: block;    padding: 2% 5%;    margin: 0 auto;    z-index: 999;    background-repeat: no-repeat;}

 .tab { width: 100%;border:1px #ddd solid; border-collapse:collapse;border-radius:3px; background: #fff; color: #5b5b5b;margin: 5px auto;border-top-left-radius:1em;border-top-right-radius:1em;border-bottom-right-radius:1em;order-bottom-left-radius:1em; }
 .tab td { border-bottom:1px #ddd solid; padding:10px; }
 .tab .tdshou{padding:5px;}
 .tab th { border-bottom:1px #ddd solid; padding:3px; padding-left:10px; height: 38px; line-height: 38px; font-size: 14px; }
 .tab td a{ color: $maincolor; }
 .tab td a:hover{text-decoration:underline;}
 .tab tr:hover{background:#e5f0f8; } 
 .tab tr:hover td {background:none;}

.kefu {    width: 40px;    position: fixed;    bottom: 15px;    right: 15px;    background: rgba(0,0,0,.85);    border-radius: 3px;    z-index: 9999;z-index: 9999;  }
.kefu ul li{ position: relative; width: 30px; height: 30px; line-height: 30px;  text-align: center; cursor: pointer; padding: 5px; color: #aaaaaa;}
.kefu ul li .iconfont{font-size: 18px; margin-right: 0}
.kefu ul li .miaoshu{display: none;position: absolute;    left: 0;  top: 0;  line-height: 15px;    background-color: rgba(0, 0, 0, 0.9);  padding: 5px;}
.kefu ul li:hover .miaoshu{ display: block; }
.kefu ul li:hover .kefucontent{ display: block; }
.kefu .kefucontent{ width: 220px; min-height: 250px; position: fixed; border-radius: 3px;bottom: 15px;right: 55px; background: #fff; border: 1px #ddd solid; cursor: default; display: none; }
.kefu .kefucontent .kefutitle{position: absolute;bottom: 0;width: 100%; }
.kefu .kefucontent .kefuman{ text-align: left; color: #666; padding: 15px; line-height: 25px;padding-bottom: 38px;}
.kefu .kefucontent .kefuman a{color: $maincolor; text-decoration: none}
.kefu .kefucontent .newhead{ background-color: $maincolor; color: #fff;border-radius: 3px 3px 0 0;padding: 6px 0px;}
.kefu .kefucontent .newhead .name{width: 80px;    line-height: 18px;float: left;}
.kefu .kefucontent .newhead .kflink{ float: right;margin-top: 10px;    margin-bottom: 10px;}
.kefu .kefucontent .newhead .kflink .iconfont{font-size: 14px;-webkit-text-stroke-width: 0;margin-right:0}
.kefu .kefucontent .newhead .kflink a{background-color: rgba(0,0,0,.35);    color: white;    padding: 3px 15px;    font-size: 12px;    border-radius: 3px 0 0 3px;
    text-decoration: none;}
.kefu .kefucontent .newhead .name img{    width: 50px;    border-radius: 50%;    margin-top: -25px;    border: 1px #fff solid;}
.kefu_close{display: none;position: absolute;    right: -8px;    top: -8px;    color: #fff;    cursor: pointer;    width: 20px;    height: 20px;    background-color: red;    line-height: 20px;    text-align: center;    border-radius: 50%;}
.kefu_close .iconfont{margin: 0;font-size: 12px;}
.kefu ul:hover .kefu_close{ display: block;}


.G_uplist .G_uplist_win{border-radius:3px 0 0 3px; position:absolute; right: 0px; top: 56px; line-height: 30px; height: 30px; text-align: center; border:1px #ddd solid; background-color: #eee; z-index: 1; padding: 0 5px; cursor: pointer;  border-right: 0; }
.G_uplist .G_uplist_contantet{opacity:0; visibility:hidden;border:0px #ddd solid;  width: 500px; background-color: #eee; z-index: 1001; position: fixed; top: 40px;
   right: -500px; transition:all 0.3s ease 0s; overflow: hidden; overflow-y: auto;padding: 5px;border-radius: 3px;font-size: 12px;}
.G_uplist:hover .G_uplist_contantet{ border: 1px #ddd solid; visibility:visible; opacity:1; right: 0; }
.G_uplist  .progress{ width: 100%; height: 30px; border:1px #ddd solid; background: #eee;display: block; }
.G_uplist  .progress .progress-bar{ width: 0%; height: 30px; background-color: #cae5ff; display: block; }
.G_uplist  .clearup{line-height:22px;transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); font-size:30px; cursor:pointer; color:#999999;}
.G_uplist  .clearup:hover{ color: red}
.G_uplist .G_uplist_contantet .iconfont{ margin: 0 }
.G_uplist .G_uplist_contantet .jindu{ text-align: center; font-size: 12px; color: #999 }

#tr_daohang{}
#tr_daohang .dropdown-menu{ display: none; top: 45px; right: 5px;}
#tr_daohang:hover .dropdown-menu{ display: block; }
#tr_daohang .dropdown-menu .triangle-up { position: absolute; top: -5px; right: 20px;    width: 0;    height: 0;    border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-bottom: 5px solid #ccc;}
#tr_daohang .dropdown-menu li:hover{ background: #eee; }
 *{
  scrollbar-face-color:#c4c4c4;
  /*面子*/  
  scrollbar-arrow-color:#C0C0C0;
  /*箭头*/  
  scrollbar-3dlight-color:#C0C0C0;
  /*最外左*/  
  scrollbar-highlight-color:#FFFFFF;
  /*左二*/  
  scrollbar-shadow-color:#FFFFFF;
  /*右二*/  
  scrollbar-darkshadow-color:#C0C0C0;
  /*右一*/  
  scrollbar-track-color:#f3f3f3;
  /*滑道*/  
}
/*滚动条整体*/  
::-webkit-scrollbar{
  width:6px !important;height:6px !important;
  /*滚动条宽度*/  
}
/*滚动条按钮*/  
::-webkit-scrollbar-button {
}
::-webkit-scrollbar-track{
  background-color:#fff;
  /*滑道全部*/  
}
::-webkit-scrollbar-track-piece{
  background-color:#fff;
  /*滑道*/  
  -webkit-border-radius:0px;
  /*滑道圆角宽度*/  
}
::-webkit-scrollbar-thumb{
  background-color:#c4c4c4;
  /*滑动条表面*/  
  border:solid 1px #C0C0C0;
  /*滑动条边框*/  
  border-radius:0px;
  /*滑动条圆角宽度*/  
}
/*鼠标滑过滑动条*/  
::-webkit-scrollbar-thumb:hover{
  background-color:#F3F3E0;
}
/*选择按钮*/
.liebiaocheck-box{z-index: 1;position: relative;top: 18px;left: 17px;cursor:pointer;transition:$transition;width: 16px; height: 16px; border: 1px solid #ddd;background-color:#f6f6f6; margin: 0 5px 0 0 !important; border-radius: 3px; box-sizing: border-box; font-size: 14px; text-align: center;}
.liebiaocheck-box .iconfont{font-size:12px;margin-right:0;line-height:15px;color:transparent;display:none}
.liebiaocheck-box.selected{border:1px solid $maincolor;color:$maincolor;}
.liebiaocheck-box:hover{border:1px solid $maincolor;transition:$transition}
.liebiaocheck-box:hover .iconfont{color:#fff;display:block}
.liebiaocheck-box.selected .iconfont{color:$maincolor;display:block}
.quexingimg{display: -webkit-flex; display: -ms-flexbox; display: flex; align-self: center;-webkit-align-self:center;height: 100%;text-align: center;width: 100%;justify-content: center;align-items: center;}
.quexingimg img{max-width:100%;}


.jisupeixun_loding{text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100002;}
.jisupeixun_loding img{position: relative;top:20%}
.loading_bg{ position: fixed; width: 100%; height: 100%; top: 0;left: 0; background: black;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5; z-index: 998 }
.loading{width: 60px;height: 30px;position: fixed;left: 50%;top: 50%;margin-top: -15px;margin-left: -30px;z-index: 99999}
.loading span{display: inline-block;width: 6px;height: 100%;border-radius: 3px;background: #ffc426;-webkit-animation: load 1s ease infinite;}
 @-webkit-keyframes load{
            0%,100%{
                height: 30px;
                background: #ffc426;
            }
            50%{
                height: 60px;
                margin: -15px 0;
                background: #f9ab43;
            }
}
.loading span:nth-child(2){
      -webkit-animation-delay:0.2s;
}
.loading span:nth-child(3){
     -webkit-animation-delay:0.4s;
}
.loading span:nth-child(4){
    -webkit-animation-delay:0.6s;
}
.loading span:nth-child(5){
    -webkit-animation-delay:0.8s;
}


.navbar{
  background-color: #fff;z-index: 100; /*box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); border-bottom:1px solid #ccc;*/min-height: 50px; position: relative; z-index: 100;
  .nav-header{display: -webkit-flex; display: -ms-flexbox; display: flex; width:227px;align-items: center;padding-left:15px; float: left;}
  .nav-main{min-width: 492px !important;display: -webkit-flex;float: left; display: -ms-flexbox; display: flex;  font-size: 17px; height: 50px; justify-content: center; overflow: hidden; position: relative; white-space: nowrap;flex:1 1 0; min-width: 0; min-height: 50px; }
  .nav-footer{width: 227px; position: relative;float: right;} 
  .row-flex {     display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .row-flex > aside, .row-flex > footer, .row-flex > header {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .row-flex > section {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0;} 
  .nav-main-handler-set li{ color: #999;border-left:1px solid transparent;border-right:1px solid transparent; display: inline-block; float: left; line-height: 25px; margin: 0; padding: 12px 20px; position: relative;cursor:pointer;}
  .nav-main-handler-set li.active{ color: $maincolor}
  .nav-main-handler-set li i{font-size:26px;position: relative;top: 3px;margin-right: 3px;}
  .nav-footer-handler{line-height:50px;color:#999;}
  .user-footer-wrap{font-size: 32px; line-height: 32px; padding: 9px 10px;}
  .nav-footer .nav-footer-handler {display: inline-block; float: left; text-align: center; }
  .nav-footer .nav-footer-wrap {border-left: 1px solid rgba(0, 0, 0, 0.05); float: right; padding: 0 5px; position: relative;cursor:pointer}
  .nav-footer .avatar img {display: inline-block; height: 33px; width: 33px; border-radius:50%}
  .user-footer-wrap .nav-footer-handler{ color: #3da8f5; padding: 6px 10px; line-height: 33px; font-size: 33px;}
  .nav-footer .dropdown-menu{z-index:999}
}
/*通用二级导航*/
.erjinav{line-height: 40px; height: 42px;text-align: center; color: #999  }
.erjinav span{display: inline-block; padding: 0 20px; cursor: pointer;}
.erjinav span:hover{ border-bottom:2px $maincolor solid;  }
.erjinav .active{border-bottom:2px $maincolor solid; color:$maincolor; }
.dropdown-menu{text-align: left; border-radius:3px;position: absolute;color:#666; right: 10px; top: 55px; width: 150px; background: #fff; border: 1px solid #ddd;padding: 0; box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
  .divider {background-color: #e5e5e5; height: 1px; overflow: hidden; }
  li{padding:0 15px;line-height:40px;transition: all 0.3s ease 0s;cursor:pointer;    font-size: 14px;}
  li:hover{ background-color:#f5f5f5; cursor:pointer;transition: all 0.3s ease 0s;}
  li a{color:#666;text-decoration:none}
  li.active{background-color:#f5f5f5}
 /* ::before, ::after {border: 7px solid transparent; content: " "; height: 0;position: absolute;top: -14px;width: 0;}
  ::before {border-bottom-color: #fff;right: 5px;z-index: 101;top: -12px;}
  ::after {border-bottom-color: #dddddd;right:5px;z-index: 100;top: -14px;}*/
} 
.nav-footer .dropdown-menu li:last-child{background-color:#f5f5f5}

.Speedtraining{width:100%;height:100%;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.Speedtrainingmain{position:relative;border-top:1px solid #e2e2e2;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.personnelmanagementbody{border-top:1px solid #e2e2e2;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}

.Speedtrainingtopbar{z-index: 999;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
// *********************************************************培训*********************************************************
// .train{ 
//   .trainheader{height: 38px;width: 440px;margin: 0 auto;clear:both;}
//   .trainheader>div{padding:10px 25px;float:left; cursor:pointer}
// }



.communicationmain{position:relative;border-top:1px solid #ccc;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.communication{display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
  .communicationheader{height: 44px;  margin: 0 auto; clear: both;}
  .communicationheader>div{padding:11px 25px;float:left; cursor:pointer;color:#666;border-bottom:3px solid transparent;    line-height: 19px;}
  .communicationheader>div.active{border-color:$maincolor;color:$maincolor}
}

.train{display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
  .trainheader_back{position: absolute;left:0;top:0;line-height:44px; }
  .trainheader_back .icon{margin-right:5px;font-size: 16px;position: relative; top: 1px;}
.trainmain{border-top:1px solid #ddd;}
}
.personnerFixed{width:450px;height:478px;}
.personnelbody{border:1px solid #ddd;margin:0px;border-radius:3px;overflow:hidden;background-color: #fff;}
.personnerFixed{
  .personnel_header i{font-size:14px;}
  .personnel_header{background:#f4f4f4;padding:0 10px;color:#999999;font-size:$fontsize;border-bottom:1px solid #eee;width:100%;}
  .personnel_headeractive{padding:10px 0; cursor:pointer;display:none}
  .personnel_header ul{display:block;clear:both;margin-top:0px;    flex-wrap: wrap;display: flex;}
  .personnel_header ul li{padding:5px  10px;    line-height: 27px;margin-top:0px;cursor: pointer;border-bottom:3px solid transparent;}
  .personnel_header ul li:hover{background:transparent;border-bottom:3px solid $maincolor;color:$maincolor}
  .personnel_header ul li.active{background:transparent;border-bottom:3px solid $maincolor;color:$maincolor}
  .sectionmain{ display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
  
}
.personnel_selector {position: relative; height: 100%; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-right: 10px; vertical-align: top; border-radius: 3px; width: 100%; 
  header{z-index:8;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; transition: box-shadow .1s ease; width: 100%; }
  section{overflow-y:auto;padding: 0;background: #fff;/*overflow:auto;*/position: relative; height: 100%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .angular-ui-tree{z-index:5}
}
.personnel_sousuo{margin:0;border-bottom:1px solid #ccc; background-color:#fff;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px;transition: box-shadow .1s ease; padding: 10px;
  .input-group { position:relative;height:34px; width:100%;}
  .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; border: 1px solid #ccc;padding: 6px 12px;} 
  .input-group-addon {transition:$transition;position: absolute; right: 0; top: 0; z-index: 2; line-height: 34px; width: 30px; text-align: center;cursor: pointer;} 
  .input-group input:focus{outline-color:$maincolor}
 .input-group-addon i{color:#999}
}
.newlyaddedsxr .personnerFixed .personnel_header ul li{border:0;color: #999999;}
.jrtime{
   min-height:30px;line-height:30px; border-bottom:1px solid #ccc;padding:5px 10px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 5; transition: box-shadow .1s ease; 
   input{ position:relative;top:7px;}
   .checkboxgrouptop{position:relative;height:32px;display:flex;flex-wrap:wrap;width:100%;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
   .checkboxgroupbottom{width:100%;display:flex;flex-wrap:wrap;width:100%;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
   label{margin-left:5px;}
  .checkboxsxgroup{padding:0 30px 0 15px;font-size:$fontsize;background:#ffffff;border:1px solid #ccc;border-radius:3px;line-height:28px;width:78px;height:30px;margin-left:10px;position:relative;color:#999999;}
  .checkboxsxactive{ cursor:pointer;}
  .checkboxsxgroup ul{clear:both;margin-top:0px;width:115px;box-shadow:0px 1px 7px 4px #ccc;position:absolute;top:40px;left:15px;z-index:99;color:#666666;background-color:#fff}
  .checkboxsxgroup ul li{padding:0 10px;cursor: pointer;transition:$transition;border-radius:3px;overflow:hidden;line-height:30px;color:#666;}
  .checkboxsxgroup ul li:hover{transition:$transition;background:#eee}
  .checkboxsxgroup ul li.active{transition:$transition;background:#eee}
  .caret{position: absolute; top: 11px;    right: 10px; border-top: 6px dashed; border-left: 6px solid transparent; border-right: 6px solid transparent; color: #666;}
  .checkboxsxfl{flex-wrap:wrap;display:flex;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .checkboxsxfl li{border-radius:3px;border:1px solid #ccc; background-color:#fff;padding:0px 25px 0 15px;margin-right:5px;cursor:pointer;  position:relative;margin-top:5px;}
  .checkboxsxfl li input{top:0;width:65px;padding:0 5px;border:0;font-size: 12px;}
  .close{right: 2px;font-size: 26px;top: 3px  !important;}
  .checkboxsxtjtj{ background-color:$maincolor;color:#ffffff;border-radius:50%; height:24px; width:24px; line-height:20px; text-align:center; font-size:24px; margin:4px 0; cursor:pointer; position:absolute; right:0;top:0}
  .checkboxsx{ position:absolute; right:0;top:0;width:120px;color:$maincolor}
  .checkboxsxgroup{ position:absolute\9;top:0\9;left:90px\9;}
}
.checkboxsxcd { position:absolute;width:150px; z-index:100; right:10px; box-shadow:0px 1px 7px 4px #ccc; top:100px; color:#666; background-color:#fff;;
  li{padding:0 15px;cursor: pointer;transition:$transition;line-height:30px;}
  li:hover{transition:$transition;background:#eee}
}
.renyuanlb{position: relative; height: 100%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 2; overflow:auto;background-color:#fff;
  .renyuanlb_yh li{transition:$transition;padding: 0 10px;line-height:35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height: 50px;}
  .renyuanlb_yh li:hover{transition:$transition; background-color:#eee}
  .renyuanlb_yh li input{ position:relative;top:3px;margin-right:5px; border:1px solid #ddd; border-radius:3px;background-color:#fff;/* -webkit-appearance:none;*/}
  .renyuanlb_yh i{color:$maincolor}
}
.renyuanmaore{ text-align:center;cursor:pointer;transition:$transition;background-color:#f6f6f6;height:34px;line-height:34px;color:#666;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.renyuanmaore:hover{color:$maincolor;transition:$transition;}
.pensonelyjyqmain{  background-color:#f6f6f6;
  .pensonelyjyqtop{position: relative; height: 100%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 2; padding: 10px;}
  .pensonelyjyqtop textarea{box-sizing: border-box;width:100%;height:100%;resize:none;border:1px solid #cccccc;border-radius:3px;line-height:22px;font-size:14px;padding:10px;color:#666666;outline:none;}
  .pensonelyjyqmaintext{width: 100%; height: 100%; background: #ffffff; border-radius: 3px; position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .pensonelyjyqbuttom{padding:0 10px 10px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; z-index: 9; transition: box-shadow .1s ease; flex: 0 0 auto; display: flex;  flex-wrap: wrap;}
  .pensonelyjyqbuttoml{color:$maincolor; cursor:pointer;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; padding: 0 10px;}
  .pensonelyjyqbuttomr{ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center;;; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; padding: 0px 10px; -webkit-flex-direction: row; flex-direction: row;}
  .pensonelzwf{ -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center;;; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; padding: 8px 10px; -webkit-flex-direction: row; flex-direction: row;}
  .pensonelyjyqbuttomr .btn{ background-color:$maincolor;color:#fff; padding:3px 20px; margin-left:15px;}
  .pensonelyjyqmainxq{width:100%;height:100%;border:1px solid #ccc;background:#ffffff;border-radius:3px;position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} 
  .pensonelyjyqmainxqt,.pensonelyjyqmainxqt a{color:$maincolor;    position: relative;height: 26px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -ms-flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; padding: 8px 10px; -webkit-flex-direction: row; align-items: center; display: flex; flex-direction: row; flex: 0 0 auto; text-align: right; margin-right: 0;}
  .pensonelyjyqmainxqb{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center;;; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; padding: 8px 10px; -webkit-flex-direction: row; flex-direction: row; text-align: center;}
  .pensonelyjyqmainxqb>div{margin:0 auto;text-align:center;width:100%;color:#666666;}
  .pensonelyjyqmainxqb img{max-width:40%}
  .pensonelyqlj .input-group{ position:relative}
  .pensonelyqlj input{width: 80%;margin: 10px auto;padding: 6px 30px 6px 12px;}
  .pensonelyqlj input[placeholder]{color:#333}
  .pensonelyqlj .input-group-addon{position: absolute; right: 10%; top: 0; width: 90px; line-height: 33px; background: $maincolor; color: #fff; border-radius: 0 3px 3px 0;cursor: pointer;}
 .pensonelyjyqmainxqtsq {text-align: right; position: absolute; right: 15px; top: 10px; width: 45px; cursor: pointer; }
}

/*人员选择器列表样式*/
.pensonel_treestand{position: relative; height: 100%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 2;background-color:#fff;}
treecontrol.tree-dark {
  color: #333 !important;
  li { background-color:#fff; position:relative;line-height:35px;}
  li >.tree-label:hover{ /*font-weight:bold;*/color:$maincolor;transition:$transition}
  li>.tree-label{ transition:$transition;}
  li .tree-selected{color:$maincolor;} 
}

.tankuangmain{width:100%;height:100%;align-self:center;-webkit-align-self: center;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;  }
.tankuang{ position: fixed; top: 0; left: 0; width: 450px; height: 480px; z-index: 999; overflow-x: hidden; overflow-y: auto; padding: 0;
 .tankuangbj{width: 100%;height: 100%;z-index: 1000; background-color: rgba(0, 0, 0, 0.5);border-radius: 3px;overflow: hidden;}
 .tankuangmain{position:absolute;top:0;left:0;width:100%;height:100%;align-self:center;-webkit-align-self: center;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;  }
 .personnerFixed{margin:0px auto;align-self:center;-webkit-align-self: center;}
 .close{top:8px;} 
}

.smalldiv{height:100%;
.personnerFixed{min-width:206px;max-width:450px;height:100%;width:100%;}
.pensonel_usergroup{display:none;}
// .personnel_header ul li:first-child{display:none}
.pensonelyjyqmain .pensonelyjyqbuttomr .btn{padding:4px 12px}
  .personnerFixed{
    .personnel_header i{font-size:14px;color:#999}
    .personnel_header{background:#f4f4f4;padding:0 10px;color:#999999;font-size:$fontsize;border-bottom:1px solid #ccc;width:100%;}
    .personnel_headeractive{padding:10px 0; cursor:pointer;display:block;}
    .personnel_header ul{border-radius:3px;clear:both;margin-top:0px;width:115px;color:#666;height:auto;box-shadow:0 0 21px rgba(0, 0, 0, 0.2);position:absolute;top:40px;left:15px;z-index:99;background-color:#fff}
    .personnel_header ul li{padding:5px 10px;line-height: 27px;margin-top:0px;cursor: pointer;width:100%;border-bottom:0;}
    .personnel_header ul li:hover{background:transparent;border-bottom:0}
    .personnel_header ul li.active{background:transparent;border-bottom:0}
  }
}

.bigdiv{min-height:496px;height:100%;
  .tankuangmain{height:100%}
  .personnerFixed{min-width:450px;height:100%;}
  .close{display:block}
  .caret{display:none}
  .personnerFixed.hover{
    .personnel_header i{font-size:14px;}
    .personnel_headeractive{display:block}
    .personnel_header{background:#f4f4f4;padding:0 15px;color:#999999;font-size:$fontsize;border-bottom:1px solid #ddd;width:100%}
    .personnel_header ul{clear:both;height:40px;margin-top:0px;box-shadow:0 0 0 0;width:100%;position:initial;display:none;}
    .personnel_header ul li{ float:left;padding:5px 10px;line-height: 27px;/*border-bottom:3px solid #f5f5f5;*/margin-top:0px;cursor: pointer;}
    .personnel_header ul li:hover{border-bottom:3px solid $maincolor;color:$maincolor;background:transparent;}
    .personnel_header ul li.active{border-bottom:3px solid $maincolor;color:$maincolor;background:transparent;}
  }
}


/****************************************组织架构**************************************/
.organizationaldy{padding-top:20px;padding-bottom:20px;min-height:620px;width:100%;position: relative;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;vertical-align: top; 

  .organizationall{width:452px;height:620px; float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; box-sizing: content-box; padding-right: 12px;}
  .organizationall>div{height:100%}
  .organizationalr{position: relative; overflow: hidden; min-width: 400px; float: right; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  .Nodecontrol{z-index:999;width:100%;border:1px solid #ddd;border-radius:3px 3px 0 0;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 15px; box-sizing: border-box;}
  .organizationalzwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .Nodecontroltitler{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .Nodecontroljdsz> li{padding:4px 15px;border-bottom:1px solid #eee;line-height:26px;position:relative;    display: -webkit-flex; display: -ms-flexbox;  display: flex; -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .Nodecontroljdsz> li:hover .Nodecontroljdszr label{color:$maincolor;cursor:pointer}
  .Nodecontroljdsz> li:hover{cursor:pointer}
  .Nodecontroljdsz> li:last-child{border:0}
  .Nodecontroljdsz> li .Nodecontroljdszr input{ border:0;padding:0 100px 0px 0px;width:100%;line-height:32px;background-color:#fff; }
  .Nodecontrolmain{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .Nodecontroltitle,.Nodecontrolfooter{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px;}
  .Nodecontrolmaincolumn{border-radius:3px;border:1px solid #ddd;background-color:#fff;margin-bottom:15px;/*overflow:hidden;*/}
  .Nodecontroljdszxg{position: absolute; font-size:12px;right: 15px; top: 5px; z-index: 2;color:$maincolor;cursor:pointer} 
  .Nodecontroljdsz> li label{position: relative; top: 0; left: 0;    color: #666;width: 115px;    line-height: 32px;}
  .Nodecontroljdsz> li label i{position:relative;top:1px;margin-right:5px;}
  .Nodecontroltitler{ position:relative}
  .Nodecontroltitlel{color:#999;font-size:18px;}
  .Nodecontroltitler .xzzjd{position: relative;width: 100px;cursor: pointer;line-height: 30px;color:$maincolor;margin-right:10px;}
  .Nodecontroltitler .xzzjd i{ position:relative;left:0px;top:2px;margin-right:4px;}
  .Nodecontroltitler .delect{line-height:30px;color: $maincolor;cursor:pointer}
  .Nodecontroltitler .delect i{font-size:16px;}
  .Nodecontrolgnqx{padding:5px 15px;}
  .Nodecontrolgnqxtitle{line-height:24px;font-size:16px;color:#666;margin-bottom:5px;}
  .Nodecontrolgnqxtitle i{font-size:18px;line-height:30px;position:relative;top:2px;}
  .Nodecontrolgnqxfooter{display: -webkit-flex; display: -ms-flexbox; display: flex;line-height: 33px;margin-top: 5px;color:$maincolor;cursor:pointer}
  .Nodecontrolgnqxfooter label{margin-left:5px;cursor:pointer;}
  .Nodecontrolfzr{padding:5px 15px;}
  .Nodecontrolfzrtitle{line-height:30px;font-size:16px;color:#666;margin-bottom:5px;padding:5px 15px;}
  .Nodecontrolfzrmain ul{flex-wrap: wrap;  -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .Nodecontrol_img img{width:36px;height:36px;margin-right:10px;margin-bottom:5px;} 
  .Nodecontrolfzrmain .checkboxsxtjtj{margin:8px 0}
  .Nodecontrolfooter{z-index:998;padding: 8px 0;height:50px;background-color:#fff;width:100%;border:1px solid #ddd;box-sizing:border-box;margin-top:-1px;border-radius:0 0 3px 3px;margin-bottom:0;}
  .Nodecontrolfooter .btn{ background-color:$maincolor;color:#fff; position:absolute;right:15px; padding:4px 35px;}
  .Nodecontrolfooter  button.btn[disabled],.Nodecontrolfooter button.btn[disabled]:hover {color: #333 !important; background: #eee !important;border:1px solid #ddd !important;}

  .Nodecontrolmaincolumnejsdjs>li{padding:5px 15px;border-bottom:1px solid #eee;line-height:32px;position:relative;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .Nodecontrolmaincolumnejsdjs>li:last-child{border:0}
  .Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxr input{border:0;padding:0 80px 0 0;width:100%;line-height:32px;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
  .Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxl {width:110px; position: relative; top: 0; left: 0; color: #666; -webkit-flex:0  0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxl>label i{margin-right:5px;position:relative;top:1px;}
  .Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxr{position: relative;flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .Nodecontrollable {position: absolute;font-size:12px; right: 15px; top: 5px; z-index: 2; color: $maincolor; cursor: pointer; }
  .Nodecontroljdszl{width:110px;display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; }
  .Nodecontroljdszr{display: -webkit-flex; display: -ms-flexbox; display: flex;  -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;}

}


/****************************************角色**************************************/
.pensonel_role{padding-top:20px;padding-bottom:20px;min-height:620px;width:100%;position: relative;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;vertical-align: top; 
.pensonel_rolel>div{height:100%}
  .pensonel_rolel{width:452px;height:620px; float:left;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; box-sizing: content-box; padding-right: 12px;}
  .pensonel_roler{position: relative; min-width: 400px;overflow: hidden;  float: right;  -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  .pensonel_role_Nodecontrol{width:100%;z-index:999;border:1px solid #ddd;background:#f4f4f4;border-radius:3px 3px 0 0;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 15px; box-sizing: border-box;}
  .pensonel_role_zwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .pensonel_role_Nodecontroltitler{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .pensonel_role_Nodecontroljdsz> li{padding:4px 15px;border-bottom:1px solid #eee;line-height:26px;position:relative;    display: -webkit-flex; display: -ms-flexbox;  display: flex; -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .pensonel_role_Nodecontroljdsz> li:last-child{border:0}
  .pensonel_role_Nodecontroljdsz> li:hover .pensonel_role_Nodecontroljdszr label{color:$maincolor;cursor:pointer}
  .pensonel_role_Nodecontroljdsz> li:hover{cursor:pointer}
  .pensonel_role_Nodecontroljdsz> li .pensonel_role_Nodecontroljdszr input{border:0;padding:0 100px 0px 0px;width:100%;line-height:32px; background-color:#fff;}
  .pensonel_role_Nodecontrolmain{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .pensonel_role_Nodecontroltitle,.pensonel_role_Nodecontrolfooter{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px;}
  .pensonel_role_Nodecontrolmaincolumn{border-radius:3px;border:1px solid #ddd;background-color:#fff;margin-bottom:15px;/*overflow:hidden;*/}
  .pensonel_role_Nodecontroljdszxg{position: absolute;font-size:12px; right: 15px;line-height: 32px;top: 5px; z-index: 2;color:$maincolor;cursor:pointer} 
  .pensonel_role_Nodecontroljdsz> li label{ position: relative; top: 0; left: 0;    color: #666;  line-height: 32px;}
  .pensonel_role_Nodecontroljdsz> li label i{margin-right:5px;position:relative;top:1px;}
  .pensonel_role_Nodecontroltitler{ position:relative}
  .pensonel_role_Nodecontroltitlel{color:#999;font-size:18px;}
  .pensonel_role_Nodecontroltitler .xzzjd{position: relative;width: 100px;cursor: pointer;line-height: 30px;color:$maincolor;margin-right:10px;}
  .pensonel_role_Nodecontroltitler .xzzjd i{ position:relative;left:0px;top:2px;margin:0}
  .pensonel_role_Nodecontroltitler .delect{line-height:30px;color: $maincolor;cursor:pointer;}
  .pensonel_role_Nodecontroltitler .delect i{font-size:16px;}
  .pensonel_role_Nodecontrolgnqx{padding:5px 15px;}
  .pensonel_role_Nodecontrolgnqxtitle{line-height:24px;font-size:16px;color:#666;margin-bottom:5px;}
  .pensonel_role_Nodecontrolgnqxtitle i{font-size:18px;line-height:30px;position:relative;top:2px;}
  // .pensonel_role_Nodecontrolgnqxmain> ul li{width: 320px;position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 26px; border: 1px solid #cccccc; border-radius: 3px; padding: 2px 20px 2px 10px; background: #eee; margin-bottom: 6px;}
  // .pensonel_role_Nodecontrolgnqxmain> ul li:last-child{margin-bottom:0}
  // .pensonel_role_Nodecontrolgnqxmain> ul li input{position:relative;top:3px;margin-right:3px;}
  // .pensonel_role_Nodecontrolgnqxmain> ul li>div{margin-right:5px;}
  // .pensonel_role_Nodecontrolgnqxmain >ul li>div:first-child{margin-right:15px;}
  // .pensonel_role_Nodecontrolgnqxmain> ul li .close{top:1px;font-size:24px;transition:$transition}
  // .pensonel_role_Nodecontrolgnqxmain> ul li:hover .close{color:$maincolor;transition:$transition}
  // .pensonel_role_Nodecontrolgnqxfooter{display: -webkit-flex; display: -ms-flexbox; display: flex;line-height: 33px;margin-top: 5px;color:$maincolor;cursor:pointer}
  // .pensonel_role_Nodecontrolgnqxfooter label{margin-left:5px;cursor:pointer;}
  // .pensonel_role_Nodecontrolfzr{padding:5px 15px;}
  // .pensonel_role_Nodecontrolfzrtitle{line-height:30px;font-size:16px;color:#666;margin-bottom:5px;}
  // .pensonel_role_Nodecontrolfzrmain ul{ flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;display: -webkit-flex; display: -ms-flexbox; display: flex; }
  // .pensonel_role_Nodecontrol_img img{width:36px;height:36px;margin-right:10px;margin-bottom:5px;} 
  // .pensonel_role_Nodecontrolfzrmain .checkboxsxtjtj{margin:8px 0}
  .pensonel_role_Nodecontrolfooter{z-index:998;padding:8px 0;height:50px;background-color:#fff;width:100%;border:1px solid #ddd;box-sizing:border-box;margin-top:-1px;border-radius:0 0 3px 3px;margin-bottom:0;}
  .pensonel_role_Nodecontrolfooter .btn{ background-color:$maincolor;color:#fff; position:absolute;right:15px; padding:4px 35px;}
  .pensonel_role_Nodecontrolfooter  button.btn[disabled],.pensonel_role_Nodecontrolfooter button.btn[disabled]:hover {color: #333 !important; background: #eee !important;border:1px solid #ddd !important;}

  .pensonel_role_Nodecontrolmaincolumnejsdjs>li{padding:5px 15px;border-bottom:1px solid #eee;line-height:32px;position:relative;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .pensonel_role_Nodecontrolmaincolumnejsdjs>li:last-child{border:0}
  .pensonel_role_Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxr input{border:0;padding:0 80px 0 0;width:100%;line-height:32px;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
  .pensonel_role_Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxl {width:115px;z-index: 999; position: relative; top: 0; left: 0; color: #666; -webkit-flex:0  0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .pensonel_role_Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxl label i{margin-right:5px;position:relative;top:1px;}
  .pensonel_role_Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxr{flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .pensonel_role_Nodecontrollable {position: absolute; right: 15px; top: 5px; z-index: 9; color: $maincolor; cursor: pointer; }
  .pensonel_role_Nodecontroljdszl{width:110px;display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; }
  .pensonel_role_Nodecontroljdszr{display: -webkit-flex; display: -ms-flexbox; display: flex;  -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;}

}


/****************************************用户组**************************************/
.usergroup{padding-top:20px;padding-bottom:20px;min-height:620px;width:100%;position: relative;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;vertical-align: top; 
  .usergroupl>div{height:100%}
  .usergroupl{width:452px;height:620px;float:left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; box-sizing: content-box; padding-right: 12px;}
  .usergroupr{position: relative; min-width: 400px;overflow: hidden;  float: right;  -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .usergroup_Nodecontrol{z-index:999;width:100%;border:1px solid #ddd;border-radius:3px 3px 0 0;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 15px; box-sizing: border-box;}
  .usergroup_zwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .usergroup_Nodecontroltitler{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .usergroup_Nodecontroljdsz> li{padding:4px 15px;border-bottom:1px solid #eee;line-height:26px;position:relative;    display: -webkit-flex; display: -ms-flexbox;  display: flex; -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .usergroup_Nodecontroljdsz > li:last-child{border:0}
  .usergroup_Nodecontroljdsz > li:hover .usergroup_Nodecontroljdszr label{color:$maincolor;cursor:pointer}
  .usergroup_Nodecontroljdsz >li:hover{cursor:pointer}
  .usergroup_Nodecontrolsxl{width: 115px; position: relative; top: 0; left: 0; color: #666; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .usergroup_Nodecontroljdsz >li .usergroup_Nodecontroljdszr input{border:0;padding:0 100px 0px 0px;width:100%;line-height:32px;background-color:#fff;}
  .usergroup_Nodecontrolmain{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .usergroup_Nodecontroltitle,.usergroup_Nodecontrolfooter{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px;}
  .usergroup_Nodecontrolmaincolumn{border-radius:3px;border:1px solid #ddd;background-color:#fff;margin-bottom:15px;/*overflow:hidden;*/}
  .usergroup_Nodecontroljdszxg{position: absolute; right: 15px; top: 5px;line-height:32px;font-size:12px; z-index: 2;color:$maincolor;cursor:pointer} 
  .usergroup_Nodecontroljdsz >li label{position: relative; top: 0; left: 0;    color: #666;  line-height: 32px;}
  .usergroup_Nodecontroljdsz> li label i{margin-right:5px;position:relative;top:1px;}
  .usergroup_Nodecontroltitler{ position:relative}
  .usergroup_Nodecontroltitlel{color:#999;font-size:18px;}
  .usergroup_Nodecontroltitler .xzzjd{position: relative;width: 100px;cursor: pointer;line-height: 30px;color:$maincolor;margin-right:10px;}
  .usergroup_Nodecontroltitler .xzzjd i{ position:relative;left:0px;top:2px;margin:0}
  .usergroup_Nodecontroltitler .delect{color: $maincolor;cursor:pointer;    line-height: 30px;}
  .usergroup_Nodecontroltitler .delect i{font-size:16px;}
  .usergroup_Nodecontrolgnqx{padding:5px 15px;}
  .usergroup_Nodecontrolgnqxtitle{line-height:24px;font-size:16px;color:#666;margin-bottom:5px;/*padding:5px 0px;*/}
  .usergroup_Nodecontrolgnqxtitle i{font-size:18px;line-height:30px;position:relative;top:2px;}
  .usergroup_Nodecontrolfooter{z-index:998;padding:8px 0;height:50px;background-color:#fff;width:100%;border:1px solid #ddd;box-sizing:border-box;margin-top:-1px;border-radius:0 0 3px 3px;margin-bottom:0;}
  .usergroup_Nodecontrolfooter .btn{ background-color:$maincolor;color:#fff; position:absolute;right:15px; padding:4px 35px;}
  .usergroup_Nodecontrolfooter button.btn[disabled],.usergroup_Nodecontrolfooter button.btn[disabled]:hover {color: #333 !important; background: #eee !important;border:1px solid #ddd !important;}
 
  .usergroup_Nodecontrolmaincolumnejsdjs>li{padding:5px 15px;border-bottom:1px solid #eee;line-height:32px;position:relative;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .usergroup_Nodecontrolmaincolumnejsdjs>li:last-child{border:0}
  .usergroup_Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxr input{border:0;padding:0 80px 0 0;width:100%;line-height:32px;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
  .usergroup_Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxl {width:115px;z-index: 999; position: relative; top: 0; left: 0; color: #666; -webkit-flex:0  0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .usergroup_Nodecontrolmaincolumnejsdjs>li  label i{margin-right:5px;position:relative;top:1px;}
  .usergroup_Nodecontrolmaincolumnejsdjs>li .Nodecontrolsxr{flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .usergroup_Nodecontrollable {font-size:12px;position: absolute; right: 15px; top: 5px; z-index: 2; color: $maincolor; cursor: pointer; }
  .usergroup_Nodecontroljdszl{width:110px;display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; }
  .usergroup_Nodecontroljdszr{display: -webkit-flex; display: -ms-flexbox; display: flex;  -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;}

}

.mainview {width:1140px;margin:0 auto}
// 人员管理---人员添加页面
.v-modal-newlyadded{z-index:1001}
.newlyadded {left: 50%;margin-left: -300px;position: fixed; top: 0; width: 600px; height: 100%; padding: 50px 0; box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1000; }
// .newlyaddedbj{background: rgba(0, 0, 0, .3);height:100%;width:100%;    position: absolute;}
.newlyadded{/*padding:40px 0;box-sizing: border-box;*/
  .iconfont{margin-right:5px;}
  .newlyadded_body{}
  .newlyadded_main{    background: #f4f4f4;position:relative;padding:15px 0 0;width:600px;/*height: 100%;*/overflow-y: auto; overflow-x: hidden;border-radius:3px 3px 0 0;margin: 0px auto; }
  .newlyaddedtitle{color:#666;position:relative;padding:0 15px;margin-bottom:15px;font-size:16px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .newlyaddedtitle .close{display:block !important;top: -3px }
  .newlyaddedmain{padding:0 15px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .newlyaddedcolumn{position:relative;border-radius:3px;border:1px solid #ccc;background-color:#fff;margin-bottom:15px;}
  .newlyaddejsdjs>li{padding:5px 15px;border-bottom:1px solid #eee;line-height:32px;position:relative;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .newlyaddejsdjs>li:last-child{border:0}
  .newlyaddejsdjs>li input{border: 0;padding: 0 0px 0px 0px;width: 100%;line-height: 32px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
  .newlyaddejsdjs>li .newlyaddedsxl {width:115px;z-index: 15; position: relative; top: 0; left: 0; color: #666; -webkit-flex:0  0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .newlyaddejsdjs>li .newlyaddedsxr{flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .newlyaddedcolumnlable {font-size:12px;position: absolute; right: 15px; top: 5px; z-index: 9; color: $maincolor; cursor: pointer; }
  .newlyaddejsdjs .addsz{ cursor:pointer;line-height:30px;color:$maincolor;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .newlyaddejsdjs .addsz .checkboxsxtjtj{margin-right:5px}
}
.newlyadded_main .jisushurukuangform{position: relative !important}
.newlyaddejgrjs{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
  .newlyaddejgrjsimg{width:60px;padding:20px 20px 20px 30px;}
  .newlyaddejgrjsimg img{max-width:100%;border-radius:50%;}
  .newlyaddejgrjsinputgroup{width:210px;padding:10px 35px 10px 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction:column;flex-direction: column;}
  .newlyaddejgrjsinputgroup input:first-child{margin-bottom:10px;}
  .newlyaddejgrjszhzt{width:110px;border-left:1px solid #eee;box-shadow:border-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction:column;flex-direction: column;}
  .newlyaddejgrjsxtjs{width:110px;border-left:1px solid #eee;box-shadow:border-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction:column;flex-direction: column;}
  .newlyaddejgrjsjz{-webkit-align-self: center; /* Safari 7.0+ */align-self: center;padding: 30px 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction:column;flex-direction: column;}
  .newlyaddejgrjsxtjs i {color: #ff9b20; line-height: 19px;}
  .newlyaddejgrjsjzzt i{color:#6fc743;line-height:19px;}
  .newlyaddejgrjsjzdj i{ color:#fd5555}
  .newlyaddejgrjsjzjs i{color:#ff9b20;}
  .newlyaddejgrjsjzzt{ position:relative;cursor: pointer;}
  .newlyaddejgrjsjz .xtjs{text-align:center}
  .newlyaddedxtjsstudent{position:relative;cursor: pointer;}
  .newlyaddedjszt,.newlyaddedxtjsxz{margin-left: -10px; width: 105px; border-radius: 3px; position: fixed; clear: both; margin-top: 6px; box-shadow: 0 0 21px rgba(0, 0, 0, 0.2); z-index: 99; color: #666666; background-color: #fff; padding: 5px 0;}
  .newlyaddedjszt li,.newlyaddedxtjsxz li{transition:$transition;    padding: 0 10px; cursor: pointer; transition: all 0.3s ease 0s; border-radius: 3px; overflow: hidden; line-height: 30px; color: #666;}
 .newlyaddedjszt li:hover,.newlyaddedxtjsxz li:hover{transition:$transition;background:#eee}
}
.newlyadded_sx{flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
   // ul{    flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
   li{font-size:12px;border:1px solid #ccc;height: 30px;margin:1px 10px 5px 0; position:relative; background-color:#eee;padding:0 25px 0 10px;border-radius:3px;}
   li i{margin-left:10px;color:#666;cursor: pointer;}
   li i.cheack{color:#ff9b20}
   li .close{display: block !important;right: 1px;font-size: 22px;top: 3px;}
   label{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
}
.newlyaddedgnqx{padding: 5px 15px; /*border-bottom: 1px solid #ccc;*/ line-height: 32px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; 
   .newlyaddedsxl{width: 115px; z-index: 15; position: relative; top: 0; left: 0; color: #666;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
   .newlyaddedsxr{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;    flex-wrap: wrap;}
   .newlyaddedsxr >ul{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
   .newlyaddedsxr >ul> li{width: 335px;font-size:12px;flex-wrap: wrap; position:relative;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;line-height: 26px; border: 1px solid #cccccc; border-radius: 3px; padding: 2px 20px 2px 10px; background: #eee; margin-bottom: 6px;}
   .newlyaddedsxr >ul >li > div:first-child {margin-right: 15px;}
   .newlyaddedsxr >ul> li > div {margin-right: 10px;}
   .newlyaddedsxr >ul >li input {position: relative;top: 3px; margin-right: 3px;}
   .newlyaddedsxr >ul >li .close{    display: block !important;right: -4px;font-size: 22px;top: 1px;}
   .newlyaddedsxr .addsz {cursor: pointer; line-height: 30px; color: $maincolor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
   .newlyaddedsxr  .addsz .checkboxsxtjtj {margin-right: 5px;}
   .newlyaddedsxrfooter{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
   .newlyaddedzwf {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
   .newlyaddedremember input{position:relative;top:3px;margin-right:5px;}
   .newlyaddedremember{    color: #666; position: absolute; bottom: 5px; right: 15px;}
}

.newlyaddedkysd{
  padding: 0px 15px; /*border-bottom: 1px solid #ccc;*/ line-height: 32px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; 
  .newlyaddedsxl {padding:5px 0;width: 105px; z-index: 3; position: relative; top: 0; left: 0; color: #666; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .newlyaddedsxr{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;    flex-wrap: wrap;}
  .newlyaddedzhkyrq{font-size:12px;padding:5px 0;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;    flex-wrap: wrap;width:50%;border-left:1px solid #eee;box-sizing:border-box;padding:0 10px;}
  .newlyaddedzhkysd{font-size:12px;padding:5px 0;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;    flex-wrap: wrap;width:50%;border-left:1px solid #eee;box-sizing:border-box;padding:0 10px;}
  .newlyaddedzhkyrqtime input,.newlyaddedzhkysdtime input{cursor: pointer;font-size: 12px; color: #999; height: 29px; box-shadow: 0 0 0 0; border-color: #fff; width: 70px; display: inline-block; padding: 0;}
.newlyaddedzhkyrqtime,.newlyaddedzhkysdtime {position:relative;top:-8px;    text-align: right;}
}

.newlyaddedbzrz{ padding: 0px 15px 15px;/* padding-bottom:58px; border-bottom: 1px solid #ccc;*/ line-height: 32px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
  .newlyaddedbzrz_title{margin-top:15px;width: 105px; position: relative; top: 0; left: 0; color: #666;}
  .newlyaddedbzrz_main{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .newlyaddedbzrz_main li{margin-bottom:5px;}
  .newlyaddedbzrz_txt{border:0;padding:3px 5px;height: auto;line-height: 18px;box-sizing: border-box;color:#666;font-size:12px;width:100%;border-radius: 3px;resize: none;min-height: 20px; max-height: 300px;_height: 120px;margin-left: auto;margin-right: auto;border: 1px solid transparent; word-wrap: break-word;overflow-x: hidden;overflow-y: auto;outline: none;}
  .newlyaddedbzrz_xq{color:#999;font-size:12px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;    position: relative; }
  .newlyaddedbzrz_time{ position:absolute;right:0;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .newlyaddedbzrz_xq_xiugai{visibility:hidden;color:$maincolor;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;position:absolute;top:0;right:130px;}
  .newlyaddedbzrz_xq_xiugai>div{color:$maincolor;cursor:pointer;margin-right:15px;/*visibility:hidden;*/transition:$transition;}
  .newlyaddedbzrz_xq_xiugai i{font-size:12px;}
  .newlyaddedbzrz_xq_baocun{color:$maincolor;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;position:absolute;top:0;right:0;}
  .newlyaddedbzrz_xq_baocun>div{color:$maincolor;cursor:pointer;margin-right:15px;/*visibility:hidden;*/transition:$transition;}
  .newlyaddedbzrz_xq_baocun i{font-size:12px;}

  .newlyaddedbzmore{color:$maincolor;cursor:pointer;font-size:12px;}
  .newlyaddedbzrz_main li:hover .newlyaddedbzrz_xq_xiugai{visibility:visible;transition:$transition;}
  
  .newlyaddedtetbj .newlyaddedbzrz_txt{border:1px solid #a9a9a9}
  .newlyaddedbzzwsj{color:#999}

}
.newlyaddedbzfooter{padding:15px; background-color:#eee;border-top:1px solid #ccc; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.newlyaddedfooter{padding:8px 15px;z-index:15;margin:0 auto;width:600px;    box-sizing: border-box; background-color:#fff;border-top:1px solid #ccc; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  .newlyaddedfooterform{position:relative;margin:0;text-align:right}
  button.btn[disabled],button.btn[disabled]:hover {color: #333 !important; background: #eee !important;border:1px solid #ddd !important;}
  .newlyaddedfooterform .btn{ margin-left:10px;padding:6px 30px;}
  .newlyaddedfooterform .btn.queding{background-color:$maincolor;color:#fff;transition:$transition;}

  .newlyaddedfooterform .btn.queding:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
  .newlyaddedfooterform .btn.quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
  .newlyaddedfooterform .btn.quxiao:hover{background-color:$maincolor;color:#fff;transition:$transition;}
}


// 人员管理日志
.personnelmanagementlog{background-color:#eee;height:100%;width:100%;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.personnelmanagementlogtitle{max-width:1140px;margin:0 auto;color:#666;line-height:30px;padding:15px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  .caret{margin-left:15px;}
  .pllogcztimefw{border:1px solid #ddd;margin:0 15px; background-color:#fff;padding:0 10px;cursor:pointer}
  .pllogczpeople{ position:relative;border:1px solid #ddd; background-color:#fff;padding:0 10px;margin-right:15px;cursor:pointer}
  .pllogqrsx{border:1px solid #ddd; background-color:#fff;padding:0 10px;margin:0 15px;cursor:pointer}
  .pllogqrsx i{margin-right:10px;color:#666}
  .pllogsucxnr{width:230px;padding:0 10px;border:1px solid #fff;transition:$transition}
  .pllogsucxnr:focus{ outline-color:$maincolor;border:1px solid $maincolor;transition:$transition; }
}
.personnelmanagementlogmain{width:1140px;margin:0 auto}

.personnelmanagementlogul{background-color:#fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.personnelmanagementlogli{ transition: all 0.3s ease 0s;color: #333;cursor: pointer;  display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.personnelmanagementlogli:hover{background-color:#e5f0f8;transition:$transition;}
.personnelmanagementlogcheckbox{align-self:center;-webkit-align-self: center;width:60px;height:50px;margin-bottom: -1px;border-bottom: 1px solid #fff;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:45px;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.personnelmanagementlogcheckbox input{ position:relative;top:17px;left:22px;    }
.personnelmanagementlogname{ align-self:center;-webkit-align-self: center;    padding: 5px 0;width:190px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:40px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  }
.personnelmanagementlogname_name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:130px;}
.personnelmanagementlogname img{width:40px;height:40px;margin-right:10px;}
.personnelmanagementlogtime{align-self:center;-webkit-align-self: center;width:100px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  }
.personnelmanagementlogtimerq{color:#999;font-size:12px;}
.personnelmanagementlogcz{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;align-self:center;-webkit-align-self: center;width:90px;color:$maincolor;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.personnelmanagementlogbz{ position:relative;align-self:center;-webkit-align-self: center;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.personnelmanagementlogbztxt{margin-right: 22px;max-height:40px;line-height:20px;overflow: hidden;align-self:center;-webkit-align-self: center;}
.personnelmanagementlogbztxtslh{position: absolute; right: 22px; bottom: 0; width: 24px; background: #fff; height: 20px; transition:$transition}
.personnelmanagementlogli:hover .personnelmanagementlogbztxtslh{ background-color:#e5f0f8; transition:$transition}
.personnelmanagementlogli:hover .personnelmanagementlogcheckbox{border-bottom:1px solid #e5f0f8}
.personnelmanagementloglinr{border-bottom:1px solid #ccc;border-top:1px solid  transparent;margin-top:-1px;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction:row; -ms-flex-direction: row; flex-direction: row; }
.personnelmanagementloglinr:hover{transition:$transition;z-index:8;border-bottom:1px solid #e5f0f8 ;border-top:1px solid #e5f0f8;
  .personnelIMcheckbox{border-bottom:1px solid transparent}
}
.personnelmanagementlogul> li:first-child {border-bottom:1px solid #ccc;}
.personnelmanagementlogul> li:first-child .personnelmanagementloglinr>div{font-size:14px;margin-bottom:0;color:#666;font-weight:bold;cursor: auto;}
.personnelmanagementlogul> li:first-child .personnelmanagementloglinr{border-bottom:0;}
.personnelmanagementlogul> li:first-child .personnelmanagementloglinr:hover{ background-color:#fff;border-bottom:0;transition:$transition;}
.personnelmanagementlogul> li:first-child:hover{background-color:#fff;transition:$transition;}

// 人员管理页面样式
.personnelIMtitle{width:1140px;margin:0 auto;color:#666;line-height:30px;padding:10px 0px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  .caret{margin-left:15px;}
  .plIMcztimefw{margin:0 15px; }
  .plIMsucxtime{height:32px;width:80px;padding:0 10px;margin:0 5px;border:1px solid #fff;transition:$transition}
  .plIMsucxtime:hover{outline-color:$maincolor;border:1px solid $maincolor;transition:$transition;}
  .plIMcztimefw select{height:34px;border-radius: 3px;border:1px solid #ddd;padding: 0 5px;line-height: 34px;background-color:#fff;cursor:pointer}
  .plIMcztimefw select option{line-height:22px;}
  .plIMczsfdj{height:34px;border:1px solid #ddd;padding: 0 5px;line-height: 34px;background-color:#fff;cursor:pointer}
  
  .plIMczpeople{ position:relative;border:1px solid #ddd; background-color:#fff;padding:0 10px;margin-right:15px;cursor:pointer}
  .plIMqrsx{border-radius: 3px;height:32px;line-height:32px;border:1px solid #ddd; background-color:#fff;padding:0 12px 0 10px;margin:0 15px;cursor:pointer}
  .plIMqrsx i{margin-right: 3px; color: #666; position: relative; top: 1px;font-size:14px;}
  .plIMsucxnr{border-radius: 3px;height:32px;width:230px;padding:0 10px;border:1px solid #ddd;transition:$transition}
  .plIMsucxnr:focus{ outline-color:$maincolor;border:1px solid $maincolor;transition:$transition; }
  .personnelIMtitler{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .personnelIMtitler>div{line-height: 34px;margin-left:15px;color:$maincolor;cursor:pointer;transition:$transition}
  .personnelIMtitler>div:hover{transition:$transition;}
  .personnelIMtitlerzwf {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .plIMaddpersonel{ position:relative;}
  .plIMaddpersonel i{position: relative; top: 1px; font-size: 16px;margin-right: 3px;}

}
.personnelIMbody{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.personnelIM{background-color:#f4f4f4;height:100%;width:100%;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.personnelIMmian{width:1140px;margin:0 auto}
.personnelIMmian{position:relative;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; 
  .personnelIMmianl{z-index: 999; float: left; width:221px;height:100%;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
  .personnelIMmianc{position: relative; float: right; height:100%;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex;}
  .personnelIMmianr{position:absolute;top:0;right:-65px;padding:0 0 0 10px;font-size:12px;color:#999;box-sizing: border-box;width:66px;height:100%;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  .personnelIMmianr i{cursor:pointer}
  .personnelIMsxmain{min-height:490px;z-index:5;    border-radius: 3px; overflow: hidden;}
  .personnelIMsxmain>div{background-color:#fff;border-radius:3px;height:490px;width:209px;position:absolute;top:0;left:0;z-index:99999;transition:$transition}
  .personnelIMsxmain>div:hover{width:430px;transition:$transition}
  .personnelIMfhsx{width:209px;border-radius:3px;margin-top:10px;height:115px;box-sizing: border-box;;border:1px solid #ddd;position: relative}
  .personnelIMmianrfzr{margin-top:20px;height:430px;overflow:hidden;}
  .personnelIMmianrfzr li img{width:35px;height:35px;border-radius:50%;}
  .personnelIMmianrfzr li{height:40px;
    .Character_labelmain{left:-343px;
      li {height:27px;}
    }

  }

  .personnelIMmianrmore{color:$maincolor;text-align:center;width:35px;}
  .personnelIMmianrmore i{font-size:20px;}
}



// 页码样式
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #2a6496; background-color: #eee; border-color: #ddd; }
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 4px;   border-bottom-right-radius: 4px;}
.pagination>li>a, .pagination>li>span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination>li { display: inline;}
.page-list {height:55px;position:relative;font-size: 12px;color: #666; clear: both;}
.pagination {display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; }
.page-list .pagination .separate span{cursor: default;}
.page-list .pagination .separate span:hover {background: none;}
.page-list .pagination {float:left;}
.page-list .pagination span {cursor: pointer;}
.page-list .page-total {float:left; margin: 10px 20px 10px 0;}
.page-list .page-total select{box-sizing: border-box;height: 31px; border: 1px solid #ddd;text-align:center}
.page-list .page-total select {width: 50px;border-radius:3px;margin:0 5px;text-align:center}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {z-index: 2; color: $maincolor; cursor: default; border-color: $maincolor; }
.page-list .pagination_right{float:right;}
.page-list .pagination_jump{float:left;padding:12px 0; margin-left:20px;}
.page-list .pagination_jump input{width: 50px; border-radius: 3px; box-sizing: border-box; height: 31px; border: 1px solid #ddd; line-height: 31px; margin: 0 5px;text-align: center;}
.page-list  .pagination_btn {border: 1px solid #ddd; margin-top: 11px; padding: 5px 12px; margin-left: 11px; background: #fff;}
// 人员管理页面样式（列表）
.personnelIMmianlb{width:100%;overflow: hidden;}
.personnelIMxiugai{visibility: hidden;position: relative;left: 30px;align-self: center; -webkit-align-self: center; width: 30px; height: 53px;line-height:56px; text-align:center;color:$maincolor;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.personnelIMul{border:1px solid #ddd;-webkit-overflow-scrolling: touch;background-color:#fff;border-radius: 3px;overflow: auto;height:615px;}
.personnelIMul> li:first-child {border-bottom:1px solid #ccc;}
.personnelIMul> li:first-child .personnelIMlinr>div{font-size:14px;margin-bottom:0;color:#999;cursor: auto;}
.personnelIMul> li:first-child .personnelIMlinr{border-bottom:0;}
.personnelIMul> li:first-child .personnelIMlinr:hover{ background-color:#fff;border-bottom:0;transition:$transition;}
.personnelIMul> li:first-child:hover{background-color:#fff;transition:$transition;border-bottom:1px solid #ccc}
.personnelIMul> .personnelIMli:last-child{border-bottom:0 !important}  
.personnelIMli{padding:0 20px 0 0;transition:$transition;color:#333; cursor:pointer;/*border-top:1px solid #ccc;margin-top:-1px;*/    position: relative;  }
.personnelIMul> .personnelIMli:first-child{cursor:inherit}
.personnelIMulmain .personnelIMli:nth-last-child(4) .personnelIMname .Character_labelmain{bottom: 10px;margin-top:0}
.personnelIMulmain .personnelIMli:nth-last-child(3) .personnelIMname .Character_labelmain{bottom: 10px;margin-top:0}
.personnelIMulmain .personnelIMli:nth-last-child(2) .personnelIMname .Character_labelmain{bottom: 10px;margin-top:0}
.personnelIMulmain .personnelIMli:last-child .personnelIMname .Character_labelmain{bottom: 10px;margin-top:0}
.personnelIMcheckbox{align-self:center;-webkit-align-self: center;width:80px;height:53px;margin-bottom: -1px;border-bottom: 1px solid #fff;transition:$transition;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:45px;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.personnelIMcheckbox input{ position:relative;top:19px;left:17px;}
.personnelIMname{position: relative; align-self:center;-webkit-align-self: center;padding: 7px 0;width:280px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:40px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  }
.personnelIMname .personnelIMnamemain{position: relative; align-self:center;-webkit-align-self: center;width:280px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:40px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  }
.personnelIMnamel .Character_labelmain .Character_labeltitle{width:100%;box-sizing: border-box;}
.personnelIMnamel .Character_labelmain .Character_labeltitle ul{display:none}
// .personnelIMnamemain .Character_labelmain{display:none}
.personnelIMnamel .Character_labelmain .Character_labeltitle .Character_labeltitle_first{display:block;width:100% !important;max-height: 75px !important;height:auto !important  } 
.personnelIMmianrfzr .Character_labelmain .Character_labeltitle{width:100%;box-sizing: border-box;}
.personnelIMmianrfzr .Character_labelmain .Character_labeltitle ul{display:none}

.personnelIMmianrfzr .Character_labelmain .Character_labeltitle .Character_labeltitle_first{display:block;width:100% !important;max-height: 75px !important;height:auto !important  } 

.personnelIMname_name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:130px;}
.personnelIMname_name a{ color:$maincolor;}
.personnelIMname img{width:36px;height:36px;margin:2px 10px 2px 0;border-radius:50%;z-index:4}
.personnelIMnamel{width: 40px; position: absolute; height: 40px; top: 7px;}
.personnelIMnamel>div{z-index:1}
.personnelIMnamer{width: 280px; padding-left: 50px; position: relative; top: 3px; box-sizing: border-box; align-self: center; -webkit-align-self: center; line-height: 20px; height: 40px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.personnelIMnameyx{color:#999;font-size:12px;line-height: 17px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.personnelIMbz{font-size:12px;width: 237px; position:relative;align-self:center;-webkit-align-self: center;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;    display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; }
.personnelIMbztxt{font-size:12px;width:100%;max-height:20px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction:row; -ms-flex-direction: row; flex-direction: row; }
.personnelIMbztxt div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.personnelIMbztxt img{width:15px;}
.personnelIMbztxtwbz{color:#999}
.personnelIMbztxtwbz i{font-size:12px;}
.personnelIMipone{width:120px;font-size:12px; text-align:center;align-self:center;-webkit-align-self: center;word-wrap: break-word;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.personnelIMxtjs{width:100px;font-size:12px; text-align:left;align-self:center;-webkit-align-self: center;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.personnelIMxtjs i{color:#ff9b20;line-height:19px;}
.personnelIMxtzt{width:75px; font-size:12px;text-align:left;align-self:center;-webkit-align-self: center;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.personnelIMbztxt i{color:#999;font-size:12px;}
.personnelIMxtzt i{color:#6fc743}
.personnelIMxtztdj i{ color:#fd5555}
.personnelIMbztime{font-size:12px;color:#999;padding-left:15px;box-sizing:border-box;line-height: 20px;}
.personnelIMli:hover{background-color:#e5f0f8;transition:$transition;}
.personnelIMlinr{border-bottom:1px solid #eee;border-top:1px solid  transparent;margin-top:-1px;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction:row; -ms-flex-direction: row; flex-direction: row; }
.personnelIMlinr:hover{transition:$transition;z-index:8;border-bottom:1px solid #e5f0f8 ;border-top:1px solid #e5f0f8;
  .personnelIMxiugai{ visibility:visible !important}
  .personnelIMcheckbox{border-bottom:1px solid transparent}
}
.personnel_zwtp{text-align: center; margin-top: 50px;} 
/*关闭按钮*/
.toggle { background-color: #e5e5e5;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05) inset; height: 22px; overflow: hidden; position: relative; width: 40px; margin-right:5px; border: 1px solid #ddd; border-radius:11px}
.toggle.blue .check.checked ~ .track, .toggle.mint .check.checked ~ .track {box-shadow: 0 0 0 40px #fff inset;}
.toggle .check { cursor: pointer; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 6; }
.btn-group, .btn-group-vertical { display: inline-block; }
.toggle .check.checked ~ .track {box-shadow: 0 0 0 40px #fff inset;}
.toggle .check.checked ~ .switch {left: 18px; right: 2px; transition-delay: 0.05s, 0s; transition-duration: 0.4s; transition-property: left, right; transition-timing-function: ease; }
.toggle .checked ~ .switch {background-color: $maincolor; border-radius:50%; bottom: 1px; border:1px solid $maincolor; left: 2px; position: absolute; right: 34px; top: 1px; transition-delay: 0s, 0.05s; transition-duration: 0.4s; transition-property: left, right; transition-timing-function: ease; z-index: 1; }
.toggle .switch { background-color: #ccc; border-radius: 50%; bottom: 1px; border:1px solid #ccc; left: 2px; position: absolute; right: 18px; top: 1px; transition-delay: 0s, 0.05s; transition-duration: 0.4s; transition-property: left, right; transition-timing-function: ease; z-index: 1; }
.toggle .track {background-color:#fff; border-radius: 40px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: all 0.4s ease 0s; }

.personnelIMfhsxheader{    border-radius: 3px 3px 0 0;background:#f4f4f4;position: relative;border-bottom:1px solid #ccc;padding:5px 15px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction:row;line-height:22px; }
.personnelIMfhsxheader i{color:#999;cursor:pointer;position: relative; top: 1px; left: 5px;}
.personnelIMfhsxl{color:#999;width:80px;}
.personnelIMfhsxr{color:#666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align:left;width:96px;}
.personnelIMfhsxsection{    border-radius: 0 0 3px 3px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction:column;}
.personnelIMfhsxsection ul{ background-color:#fff;padding:6px 0;}
.personnelIMfhsxsection li{line-height:22px;padding: 0 15px;font-size:12px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction:row;}

// 人员导入样式
.personneladd{padding:20px 0px;box-sizing: border-box;position: relative;border-radius:3px;/*position:fixed;top:90px;right:0;*/width:925px;height:100%;overflow-y:auto;overflow-x: hidden;background: #fff;border-left:1px solid #ccc;z-index: 999;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column;
  .personneladdheader{padding:0 10px;margin-bottom:35px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto; flex: 0 0 auto;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction:row;}
  .personneladdheaderl{margin-left:20px;font-size:18px;-webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .personneladdheaderzwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
  .personneladdheaderr{line-height:26px;padding-right: 35px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction:row;}
  .personneladdheaderr .close{top:4px;}
  .personneladdheaderr i{color:#999;margin-left:5px;font-size:18px;cursor:pointer}
  .personneladdrydrrwlli{color:#333;line-height: 18px;padding:8px 25px;font-size:12px;border-bottom:1px solid #ccc;transition:$transition;cursor:pointer;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction:row;}
  .personneladdrydrrwlli:hover{background-color:#e5f0f8;transition:$transition}
  .personneladdrydrrwlli:first-child {border-bottom:1px solid #ccc;height: 52px;box-sizing: border-box;color:#999}
  .personneladdrydrrwlli:first-child:hover{background-color:transparent;}

  .personneladdtop{padding:0 10px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .personneladdtop>div{    width: 25%;box-sizing: border-box;padding:0 35px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction:column; -ms-flex-direction: column; flex-direction:column;}
  .personneladdwxcel .tool_file{cursor: pointer;position: absolute;left: 45px;height: 220px;width: 155px;top: 58px;opacity: 0;}
  .personneladdrydrimg{padding:40px 44px;height:65px;width:65px;border-radius: 3px;box-sizing: content-box;border: 1px solid #ddd;border-bottom: 3px solid #000;cursor:pointer}
  .personneladdrydrimg>img{width:65px;} 
  .personneladdrydrtext{font-size:12px;color:#999;text-align: center;margin-bottom:40px;line-height:22px;}
  .personneladdrydrtext a{color:$maincolor}
  .personneladdrydrrwlbdrtime_date{color:#999;}
  .personneladdbottom{-webkit-flex: 1 1 auto;  -ms-flex: 1 1 auto; flex: 1 1 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;}
  .personneladdbottom .personneladdrydrrwlb{width:100%;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column}
  .personneladdrydrrwlbmain{-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;padding:0 10px;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column}
  .personneladdrydrrwlbtitle{-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto; flex: 0 0 auto;line-height:45px;height:45px;color:#666;padding:0 25px;background:#f4f4f4;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction:row;}
  .personneladdrydrrwlbtitlebt{color:#999;margin-right:50px;}
  .personneladdrydrrwlbtitletoday{padding:0 15px;border-bottom:3px solid transparent;line-height: 42px;height: 42px;transition:$transition;cursor:pointer}
  .personneladdrydrrwlbtitleYesterday{padding:0 15px; border-bottom:3px solid transparent;line-height: 42px;height: 42px;transition:$transition;cursor:pointer;}
  .personneladdrydrrwlbtitle .active{border-bottom:3px solid $maincolor}
  .personneladdrydrrwlbtitle .personneladdrydrrwlbtitletoday:hover{color: $maincolor;transition:$transition}
  .personneladdrydrrwlbtitle .personneladdrydrrwlbtitleYesterday:hover{color:$maincolor;transition:$transition}
  .personneladdrydrname{ text-align:center;font-size:14px;font-weight:bold;padding:20px 0;color:#333;cursor:pointer}
  .personneladdrydrrwlbname{width:150px;align-self:center;-webkit-align-self: center;}
  .personneladdrydrrwlbdrxs{width:150px;align-self:center;-webkit-align-self: center;}
  .personneladdrydrrwlbdrtime{width:160px;align-self:center;-webkit-align-self: center;}
  .personneladdrydrrwlbdrjd{width:190px;align-self:center;-webkit-align-self: center;}
  .personneladdrydrrwlbdrczr{width:135px;align-self:center;-webkit-align-self: center;}
  .personneladdrydrrwlbdcrz{width:70px;color:#999;align-self:center;-webkit-align-self: center;transition:$transition}
  .personneladdrydrrwlbdcrz:hover{color:$maincolor;transition:$transition}
  .personneladdrydrrwlbdcrz a{color:#999;transition:$transition}
  .personneladdrydrrwlbdcrz a:hover{color:$maincolor;transition:$transition}
  .personneladdtop{-moz-column-count:4;-webkit-column-count:4;column-count:4;}
  .personneladdtop>div[disabled] .personneladdrydrname {color:#999 !important;cursor:default}
  .personneladdtop>div[disabled] .personneladdrydrimg{cursor:default}
  .personneladdwxcel .personneladdrydrimg{border-bottom: 3px solid #3b9b3e}
  .personneladdapi .personneladdrydrimg{border-bottom: 3px solid #1e88e5}
  .personneladdsdtj .personneladdrydrimg{border-bottom: 3px solid #ffb23c}
  .personneladdyjyq .personneladdrydrimg{border-bottom: 3px solid #ffcf2f}
  .progress {background-color: #ddd; border-radius: 10px; height: 6px; margin-bottom: 5px; overflow: hidden; margin-top: 5px; width: 70%; }
  .progress-bar {background-color: #337ab7; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s;}
  .sr-only {border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .personneladdrycg .progress-bar{background-color:#66cc66}
  .personneladdrysb .progress-bar{background-color:#ff6666}
}


/*404页面*/
.page-not-found{height:100%}
.page-not-foundtop{text-align: center;position: relative;width: 1140px;padding:20px 0;margin:0px auto}
.page-not-foundtop img{max-width:100%}
.page-not-foundbottom{position: absolute;width: 1130px;bottom: 30px;left: 5px;}
.page-not-foundbottomr{position: absolute;top:20px;right:80px;color:#666;cursor:pointer}
.page-not-foundwangzhi{position: absolute;top:44px;left:110px;}
.page-not-foundbottoml{padding: 20px 80px;text-align: left;color:#666; }
.page-not-foundbottoml a{color:$maincolor;margin-left:20px;}
/*人员标签*/
.Character_labelmain{position: absolute;/*min-height:170px;*/    text-align: left; min-height:90px;background: #fff; box-shadow: 0px 1px 7px 4px #ccc; width: 360px; margin: 10px; border-radius: 3px; z-index: 10; left: 10px; margin-top: -15px;
  .Character_labelxq{ position:relative;padding: 15px;min-height: 42px;}
  .Character_labelimg{width:55px;position: absolute;}
  .Character_labelimg_img img {display: inline-block;height: 40px;width: 40px;}
  .Character_labelright{ position:relative;margin-left:55px;}
  .Character_labelxqcolumn{ position: relative;line-height:20px;}
  .Character_labelname{font-size:14px;color:#333}
  .Character_labelname i{color:#6fc743;margin-right: 3px;font-size:14px}
  .Character_labelnamedj i{ color:#fd5555;margin-right: 3px;font-size:14px}

  .Character_labelipone{ position:absolute;right:0;top:0;font-size:12px;color:#666;display:none}
  .Character_labelxtjs{font-size:12px;color:#666}
  .Character_labelxtjs i{color:#ff9b20;font-size:14px;margin-right: 8px;}
  .Character_labelzctime i{font-size:14px;color:#999;margin-right: 8px;}
  .Character_labelzctime{font-size:12px;color:#666}
  .Character_labelyx{ position:absolute;right:0;top:0;font-size:12px;color:#666;display:none}
  .Character_labeltextmain{color:#666;font-size:12px;line-height:20px;padding-top: 5px;}
  .Character_labeltextmain img{width:15px;height:15px;margin:0;border-radius:0}
  .Character_labeltexttime{font-size:12px;color:#999;line-height:22px;}
  .Character_labeltext{padding:0 15px;}
  .Character_labeltextmain{border-top:1px solid #ddd}
  .Character_labeltitle{padding:0 10px 10px;position: relative;display: inline-block;}
  .Character_labeltitle_first{height: 34px;overflow: hidden;max-width:370px;}
  .Character_labeltitle .dropdown-menu{top: 40px; width: 360px; height: auto; padding: 5px 15px 15px; box-sizing: border-box; right: -180px;border:0;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}
  .Character_labeltitle_more i{color:#666 !important;margin: 0 !important}
  .Character_labeltitle_more{cursor:pointer}
  .Character_labeltitle ul{flex-wrap: wrap;display: flex;float: left;}
  .Character_labeltitle ul li{ background-color:#eee;border-radius:3px;    display: inline-block;margin-right: 5px;padding: 0px 15px;line-height: 26px;font-size:12px;color:#666; margin-top:8px;}
  .Character_labeltitle ul li:hover{ background-color:#e1e1e1;} 
  .Character_labeltitle ul li i{color:#ff9b20;font-size:14px;margin-left:5px;margin-right:0}
  .Character_labelryxz{ background-color:#eee;padding:10px 15px;flex-wrap:wrap;display:flex;display:none}
  .Character_labelryxz img{width:20px;height:20px;margin-right:5px;margin-bottom:5px;}
}
.character_lodding{position: absolute; top: 0; left: 0; width: 100%; background: #fff; z-index: 1;}
.character_lodding img{width: auto !important; height: auto !important; z-index: 10; background: #fff; max-width: 100%; margin: 0; border-radius: 0 !important;}
/*浏览器不兼容页面*/

abbr[data-original-title], abbr[title] {
    border-bottom: 1px dotted #777;
    cursor: help;
}
/*提示框样式*/
.tooltip {display: block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 1.42857; opacity: 0; overflow-wrap: normal; position: absolute; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: 999; } 
.tooltip.in {opacity: 0.9;}
.tooltip.top {margin-top: -3px;padding: 5px 0;}
.tooltip.right {margin-left: 3px;padding: 0 5px;}
.tooltip.bottom {margin-top: 3px;padding: 5px 0;}
.tooltip.left {margin-left: -3px;padding: 0 5px;}
.tooltip-inner {background-color: #000; border-radius: 4px; color: #fff; max-width: 200px; padding: 4px 8px; text-align: center; } 
.tooltip-arrow {border-color: transparent; border-style: solid; height: 0; position: absolute; width: 0; }
.tooltip.top .tooltip-arrow {border-top-color: #000; border-width: 5px 5px 0; bottom: 0; left: 50%; margin-left: -5px; }
.tooltip.top-left .tooltip-arrow {border-top-color: #000; border-width: 5px 5px 0; bottom: 0; margin-bottom: -5px; right: 5px; }
.tooltip.top-right .tooltip-arrow {border-top-color: #000; border-width: 5px 5px 0; bottom: 0; left: 5px; margin-bottom: -5px; }
.tooltip.right .tooltip-arrow {border-right-color: #000; border-width: 5px 5px 5px 0; left: 0; margin-top: -5px; top: 50%; }
.tooltip.left .tooltip-arrow {border-left-color: #000; border-width: 5px 0 5px 5px; margin-top: -5px; right: 0; top: 50%; }
.tooltip.bottom .tooltip-arrow {border-bottom-color: #000; border-width: 0 5px 5px; left: 50%; margin-left: -5px; top: 0; }
.tooltip.bottom-left .tooltip-arrow {border-bottom-color: #000; border-width: 0 5px 5px; margin-top: -5px; right: 5px; top: 0; }
.tooltip.bottom-right .tooltip-arrow {border-bottom-color: #000; border-width: 0 5px 5px; left: 5px; margin-top: -5px; top: 0; }

/*输入框样式*/
.jisushurukuangform{background-color: #eee; border-top: 1px solid #ccc;display: -webkit-flex; display: -ms-flexbox;display: flex; width: 96%; padding: 2%;z-index:10;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;position:absolute; bottom: 0;}
.jisushurukuangtop{position:relative; margin-bottom:-5px; max-height: 300px; overflow-y:auto;border-radius:3px 3px 0 0; border:1px solid #ccc;background-color:#fff; }
.jisushurukuangtop .jisushurukuang_txt{color:#696969;overflow:hidden; outline: none;box-sizing: border-box; border: 0}
.jisushurukuangtop .input-group-addon{position: absolute; right: 0; top: 0; z-index: 2;color:#666; line-height: 34px; width: 80px; text-align: right; cursor: pointer; }
.jisushurukuangtop .input-group-addon i:hover{color:$maincolor;}
.jisushurukuangtop .input-group-addon i{line-height:35px;font-size:18px;}
.jisushurukuangbottom{position: relative; height: 36px; background: #fff; border: 1px solid #ccc;  overflow: hidden;transition: all linear 0.2s; border-top:1px #d9d9d9 solid; ;  } 
.jisushurukuangyingyong{padding:0 10px;}
.jisushurukuangyingyong i{line-height:38px;cursor:pointer;    color: #666;}
.jisushurukuangbtn{ position:absolute;top:3px;right:3px}
.jisushurukuangbtn .btn{padding:3px 20px;background-color:$maincolor;color:#fff;border:1px solid $maincolor}
.jisushurukuangbtn .btn:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor}
.jisushurukuangform .ng-hide {  height: 0;  transition: all linear 0.2s;}
.jisushurukuangform .qqFace{padding: 8px;position: absolute; z-index: 1000; width:422px; height:140px; bottom: 46px; left: 10px; background-color:wheat; border: 1px #ccc solid;}
.jisushurukuangform .qqFace img{ cursor: pointer;}
.jisushurukuangform .qqFace .facespan{ padding: 2px;}
.jisushurukuangform .qqFacewz1{ bottom: 46px; left: 10px; margin-left: 0;}
.jisushurukuangform .qqFacewz2{ bottom: 79px; left: 100%; margin-left: -432px;}
.jisushurukuangform .filediv{border-radius:3px; background:#eee; width:94%; z-index: 2; padding: 1%; margin:10px 2%;display: flex;display:-moz-box; display:-webkit-box;align-items:center; text-align: center;font-size:14px; line-height: 40px;height:34px;}
.jisushurukuangform .filediv .fileimg{ box-flex:1.0;-moz-box-flex:1.0; -webkit-box-flex:1.0; width: 56px;}
.jisushurukuangform .filediv .filename{ font-size: 14px; box-flex:4.0;-moz-box-flex:4.0; -webkit-box-flex:4.0; text-align: left;line-height: 20px; }
.jisushurukuangform .filediv .fileprog{ height: 5px; background: #fff; width:100%;border-radius:3px; overflow: hidden; margin:8px auto;}
.jisushurukuangform .filediv .fileprog_value{ height: 5px; background:$maincolor; }
.jisushurukuangform .filediv .filesize{box-flex:1.0;-moz-box-flex:1.0; -webkit-box-flex:1.0;}
.jisushurukuangform .filediv .fileclose{box-flex:1.0;-moz-box-flex:1.0; -webkit-box-flex:1.0; cursor: pointer; }
.jisushurukuangform .filediv .fileclose:hover{color:$maincolor;}
.hidefile{width:38px; overflow:hidden; margin-left:-38px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0; cursor: pointer;}


/*却醒页面*/
.unsupported{border-radius:5px;box-shadow: 0px 4px 7px 0px #ccc;background-color:#fff;width:1130px;margin:0px auto;top: 20px;position: relative}
 .unsupportedtopimg{margin-bottom:70px;position:relative}
 .unsupportedtopimg img{max-width:100%}
.unsupportedtopimg .page-not-foundwangzhi{top:19px}
.unsupportedfirsttitle{text-align: center;margin:0;color:#333;font-weight:500; letter-spacing: 2px;}
.unsupportedsecondtitle{text-align: center;color:#666;margin-top:5px;font-size:16px;}
.unsupportedrow{position:relative;clear:both;height:200px;margin-top: 60px;font-size:24px;color:$maincolor;}
.unsupportedcol{width:25%;cursor:pointer;text-align:center;margin:0 auto;float:left;position:relative;color:$maincolor}
.unsupportedfooter{margin-top:110px;position:relative;padding: 30px 60px;box-sizing: border-box}
.unsupportedfooterltxt{color:#aaa;font-size:24px;}
.unsupportedfooterlline{height:3px;background-color:#aaa;width:100px;margin-top:10px;}
.unsupportedfooterr{position:absolute;right:60px;bottom:40px;font-size:16px;color:#666;cursor:pointer}
/*弹出框样式*/
.popover {z-index:999;position: absolute; top: 0; left: 0;min-width:200px; width: 240px; max-width: none; padding: 0; text-align: left; background-color: #fff; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0 7px 21px rgba(0,0,0,.1); box-shadow: 0 7px 21px rgba(0,0,0,.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; 
  .popover-content {padding: 15px 20px; overflow-y: auto; -webkit-overflow-scrolling: touch;max-height:328px; }
  .btn-danger, .btn-danger:focus {background-color: #ff6666; border-color: #ff6666; color: #FFF; }
  .btn-danger:hover{background-color:#ee0000;border-color:#ee0000}
  .popover-content-btn .btn-danger{width:45%;margin:0 5% 0 0}
  .popover-content-btn .btn-default{width:45%;margin:0 0 0 5%; }
  .btn-default,.btn-default:focus{border:1px solid #ccc;background-color:#eee;}
  .btn-default:hover{border:1px solid #ccc;background-color:#d9d9d9;}
}

/*角色权限*/
.Role_permission{width:100%;position: relative;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;  }
.Role_permission_Nodecontrolgnqx{padding:0px 15px 5px 0;width:100%;}
.Role_permission_Nodecontrolgnqxmain> ul li{ line-height: 26px; border: 1px solid #cccccc; border-radius: 3px; padding: 2px 30px 2px 36px; background: #eee; margin-bottom: 6px;position: relative;-ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.Role_permission_Nodecontrolgnqxmain> ul li:last-child{margin-bottom:0}
.Role_permission_Nodecontrolgnqxmain> ul li input{position:relative;top:3px;margin-right:3px;}  
.Role_permission_Nodecontrolgnqxmain .close{top:1px;font-size:24px;transition:all 0.3s ease 0s}
.Role_permission_Nodecontrolgnqxmain li:hover .close{color:$maincolor;transition:all 0.3s ease 0s}
.Role_permission_Nodecontrolgnqxfooter{display: -webkit-flex; display: -ms-flexbox; display: flex;line-height: 28px;margin-top: 5px;color:$maincolor;cursor:pointer}
.Role_permission_Nodecontrolgnqxfooter label{margin-left:5px;cursor:pointer;}
.Role_permission_Nodecontrolgnqxmainl{width: 90px; color: #666;  box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.Role_permission_Nodecontrolgnqxmainr{flex-wrap: wrap;flex-wrap: wrap; -webkit-flex: 1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.Role_permission_Nodecontrolgnqxmainr >div{margin-right:7px;}
.Role_permission_Nodecontrolgnqxmainl{margin-right:15px;}
.Role_permission_Nodecontrolgnqxyiji{background-color: #eee;transition:all 0.3s ease 0s; line-height: 26px; border: 1px solid #cccccc; border-radius: 3px; padding: 2px 30px 2px 10px; position: relative; margin-bottom: 5px;}
.Role_permission_Nodecontrolgnqxyiji:hover .close{color:$maincolor;transition:all 0.3s ease 0s}
.Role_permission_Nodecontrolgnqxmain ul{margin-bottom:5px;}
.selectortankuang{ position:relative; width: auto; height: auto;}
.selector.ng-hide {top:200%;}
.selector{transition: all linear 0.2s;position:fixed; top: 50%; left: 50%; margin-top:-241px; margin-left:-350px; z-index:888;
    width:700px;height:482px;border:1px solid #ccc;border-radius:3px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    .selectortitle{height:35px;line-height:35px;font-size:16px;color:#666; position:relative;padding:5px 15px;background-color:#f6f6f6;border-bottom:1px solid #ccc;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .selectortitle i{font-size:20px;line-height: 40px;}
    .selectormain{background-color:#fff;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .selectoritem  ul li{ -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;display: -webkit-flex; display: -ms-flexbox; display: flex; border-left: 3px solid #fff;}
    .selectoritem  ul li.active, .selectoritem  ul li:hover{border-color:$maincolor;background-color:#e5f0f8;cursor:pointer}
    .close{display:block !important;top: 9px;}
    .selectorbody_title{padding:10px 0;border-bottom:1px solid #ccc; background-color:#eee;color:#666; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .selectorbody_titlel{width: 230px; padding-left: 50px;box-sizing: border-box;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .selectorbody_titlel input{position:relative;left: -40px;top: 2px}
    .selectorbody_titler{width: 467px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .selectorfirst{line-height:35px;color: #666;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .selectorfirst input{ position:relative;top:8px;left:10px}
    .selectorfirst .tree_branch_head.active{background: url(/images/node-closed-light.png) no-repeat !important;position: relative; left: 25px;margin-right: 30px;z-index: 2; width: 20px; height: 20PX; background-size: 68% !important; top: 10px;cursor:pointer}
    .selectorfirst .tree_branch_head{background: url(/images/node-opened-light.png) no-repeat !important; position: relative; left: 25px;margin-right: 30px;z-index: 2; width: 20px; height: 20PX; background-size: 68% !important; top: 10px;cursor:pointer}
   .selectorbody{overflow-y:scroll;overflow-x:hidden}
} 

.selectorsousuo{margin:0;border-bottom:1px solid #ccc;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; padding: 10px;
     .input-group {position: relative; height: 34px; width: 100%; }
     .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; }
     .input-group  .input-group-addon {position: absolute; right: 0; top: 0; z-index: 2; line-height: 34px; width: 30px; text-align: center;cursor: pointer;color: #999} 
}
.selectoritem{line-height:35px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  .selectoritemtitle{width: 230px;color: #666; padding-left: 60px;    box-sizing: border-box;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .selectoritemtitle input{ position:relative;left: -53px;top: 6px}
  .selectoritemmain{width: 467px;flex-wrap: wrap;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  input{ position:relative;top: 2px;margin-right:1px;}
  .selectoritemmain>div{margin-right:8px;color:#666}
}


.Person_in_charge_Nodecontrolfzr{padding:5px 15px;}  //  .personnelIMbz{width:180px;}

.Person_in_charge_Nodecontrolfzrtitle{line-height:30px;font-size:16px;color:#666;margin-bottom:5px;}
.Person_in_charge_Nodecontrolfzrmain ul{ flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;display: -webkit-flex; display: -ms-flexbox; display: flex; }
.Person_in_charge_Nodecontrolfzr_img img{border-radius: 50%;width:36px;height:36px;margin-right:10px;margin-bottom:5px; border: 2px #fff solid;}
.Person_in_charge_Nodecontrolfzr_img:hover img{ border-color: #2c2e2f} 
.Person_in_charge_Nodecontrolfzr_img:hover .personnelIMnamemain_del{ display: block;}
.Person_in_charge_Nodecontrolfzr_img .Character_labelmain{bottom: 100%;margin:0;left:-340px;}
.Person_in_charge_Nodecontrolfzr_img .personnelIMnamemain_del{ font-size: 8px;background: #2c2e2f;border-radius: 50%;color: #fff;
    display: none;
    width: 16px;
    height: 16px;
    text-align: center;
    position: absolute;
    right: 5px;
    cursor: pointer;
}
.Person_in_charge_Nodecontrolfzr_img{position: relative}
.jisuloading{position: fixed; height: 100%; width: 100%; top: 0; z-index:999; background: #fff;}
.jisuloading .img {  position:absolute; margin:0 auto;width:320px; height:120px; top:50%; margin-top:-60px; text-align:center; left:50%; margin-left:-160px; }
.Person_in_charge_Nodecontrolfzrmain li .checkboxsxtjtj{top:3px;}
@media (max-width:1170px){
  // .personnelIMtitle{width:1070px;}
  // .personnelIMmian{width: 1070px;margin: 0 auto;}
  // .personnelIMbz{width:180px;}
}
@media (max-width:1200px){
  // .personnelmanagementlogmain{width:930px;margin:0 auto;padding:0 15px;}
  // .personnelmanagementlogtitle{width:930px;margin:0 auto;}
  // .personnelIMtitle{width:1070px;}
  // .personnelIMmian{width: 960px;margin: 0 auto;}
  // .mainview {width:960px;margin:0 auto}
  // .unsupported{width:960px;}
}


@media (max-width:1200px){

  .mainview {width:930px;}
  .nav-header{width:180px !important;box-sizing:border-box}
  .nav-footer{width: 200px!important; } 
  .page-not-foundtop{width: 960px;}
  .page-not-foundbottom{max-width:960px;}
  .page-not-foundwangzhi{position: absolute; top: 40px; left: 90px; font-size: 12px;}
  .unsupportedtopimg .page-not-foundwangzhi{left:86px;top:14px;}
  .personnelIMname{width:190px;}
  .personnelIMnamer{width:190px;}
  .personnelIMbz{width:110px;}
  .personnelIMname .personnelIMnamemain{width:190px}
  .personnelIMtitle{width:880px;}
  .personnelIMmian{width: 880px;}
  .personnelIMipone{width:88px !important;}
  .personnelIMxtjs{width:70px !important;}
  .personnelIMtitle .plIMsucxnr{width:70px;}
  .personnelIMtitle .plIMsucxnr{font-size:10px;width:160px;}
  .personnelIMtitle select{font-size:12px;}
  .personnelIMtitle .plIMqrsx{font-size:12px;}

  .pensonel_role {min-height:585px;}
  .pensonel_role .pensonel_roler{min-height:585px;}
  .pensonel_role .pensonel_rolel{height:585px;}
  .organizationaldy{min-height:585px;}
  .organizationaldy .organizationalr{min-height:585px;}
  .organizationaldy .organizationall{height:585px;}
  .usergroup {min-height:585px;}
  .usergroup .usergroupr{min-height:585px;}
  .usergroup .usergroupl{height:585px;}

}

/*---------------------------------培训任务--------------------------*/

.train_task_pensonel{height: 496px;display: flex;display: -webkit-flex; display: -ms-flexbox;}

/*---------------------------------知识库--------------------------*/

  .knowledgebase_xinjian_body {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;/* overflow-x: hidden; overflow-y: auto;*/ } 
  .knowledgebase_xinjian_body .knowledgebase_xinjian_bj {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; }

.trainmanagementbody{border-top: 1px solid #ccc;}
.knowledgemian{max-width:1140px;margin:10px auto; }
.knowledgelist_page{max-width: 1140px;margin: 0 auto;padding-left: 182px;box-sizing: border-box;}
.knowledgebody{/*padding-top:10px;padding-bottom:20px;*/min-height:650px;width:100%;position: relative;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  
  .knowledgeleft{ float: left; color:#666;width:170px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;transition: box-shadow .1s ease; box-sizing: content-box; padding-right: 12px;}
  .knowledgeright{ float: left; border-radius: 3px; min-width: 600px; overflow: hidden;background-color:#fff;border:1px solid #ddd;position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;overflow-y:auto; }
  /*知识库left*/

  .knowledgeleft_shangchuan .tool_file{opacity: 0; position: absolute; top: 0px; left: -69px; width: 237px;height: 36px;cursor: pointer;}
  .knowledgelefttop{background-color:#fff;border:1px solid #ddd;margin-bottom:10px;padding:5px 0;border-radius: 3px;overflow: hidden;}
  .knowledgelefttop li{padding:0px 20px;font-size: 12px;line-height:34px;color:#666;cursor:pointer;transition:$transition;position:relative}
   .knowledgelefttop li[disabled] {color: #999;cursor:default}
   .knowledgelefttop li[disabled] i{color: #999 !important;}
  .knowledgelefttop li[disabled] input{cursor:default}
  .knowledgelefttop li span{display:none;z-index:88;position:absolute;right:10px;color:$maincolor;top:0;font-size:12px;}
  .knowledgelefttop li span a{ color: $maincolor;text-decoration: none;}
  .knowledgelefttop li:hover span{display:block !important}
  .knowledgelefttop li span i{color: $maincolor; margin-right: 3px; font-size: 15px; position: relative; top: 1px;}
  .knowledgelefttop li:hover{background-color:#eee;transition:$transition}
  .knowledgelefttop li i{color:#999;margin-right:8px;font-size: 14px;}
  .panel {height:100%;width: 100%;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
  .panel .panel-title{padding:13px 15px; border-bottom: 1px solid transparent;height: 50px;box-sizing: border-box;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .knowledgeleft .panel .panel-title{padding:10px 15px 5px 15px;height:auto}
  .panel .panel-body{padding:0 0 15px;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
  
  .knowledgeleftmiddle{background-color:#fff;border:1px solid #ddd;margin-bottom:10px;border-radius: 3px;}
  .knowledgeleftmiddle .panel-body li{position:relative;height:35px;font-size: 12px;padding:0 15px 0 20px;line-height:35px;cursor:pointer;transition:$transition}
  .knowledgeleftmiddle .panel-body li:hover{background-color:#eee;transition:$transition}
  .knowledgeleftbottom{background-color:#fff;border:1px solid #ddd;border-radius: 3px;overflow: hidden;}
  .knowledgeleftbottom .panel-body{padding:10px 15px;}
  .progress {position:relative;background-color: #ededed; border-radius: 4px; height: 20px;overflow: hidden; }
  .progress-bar {background-color: #ffba00; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; }
  .sr-only {border: 0 none; overflow: hidden; padding: 0; position: absolute; left: 0; width: 100%; height: 20px; color: #000; z-index: 10;}

  .knowledgeleftmiddle .panel-body li .biaoqianyuan {border-radius: 50%; background-color: #fff; border: 1px solid #8b8b8b; width: 13px; height: 13px; position: relative; left: 0; top: 11px; }
  .biaoqianname {position: absolute; padding-left: 25px;width: 135px; box-sizing: border-box; top: 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .knowledgebiaoqianxiugaibody_bj{background-color:#fff;height: 35px;}
  .knowledgebiaoqianxiugaibody{position: absolute; top: 0; left: 0;height:35px;z-index: 90;width:100%;  } 
 .knowledgebiaoqianyuan .icon{height: 1.8em; width: 1.8em; position: relative; top: 5px;}

 .knowledgebiaoqianxiugai{width: 190px;z-index: 999;background-color:transparent;position: absolute; top: 0; left: 0;padding: 5px;}
.knowledgebiaoqianxiugai input{width:119px;float:left;border:1px solid $maincolor;height:21px;border-radius: 3px;}
.knowledgebiaoqianxiugai >div{float:left;background:#fff; border-radius: 3px; border: 1px solid $maincolor; line-height: 22px; padding: 0 4.5px; color: $maincolor;margin-left:8px;}
.knowledgebiaoqianxiugai >div .icon{width:1.2em;height:1.2em}
.knowledgeleftmiddle li span {display: none; z-index: 88; position: absolute; right: 0; color: $maincolor; top: 0; font-size: 12px;background: #eee;transition:$transition}
.knowledgeleftmiddle li:hover span{display:block;transition:$transition} 
.knowledgeleftmiddle li span .icon{width:1.2em;height:1.2em}
  /*知识库right*/



.knowledgewenjianall div{color: $maincolor; cursor: pointer; padding: 0 5px;font-size:12px; max-width: 140px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 22px; height: 28px;}
.knowledge_title_backjiange_sanji{max-width:100% !important; }
.knowledge_title_backjiange_sanji>div:last-child {color: #666; }
.knowledge_title_backjiange {color: #666 !important; padding: 0 !important; }
.knowledge_title_backjiange>div {color: #666 !important; }

.knowledgeliebiaobiaoqianmian .biaoqianyuan:first-child{z-index: 9;}
.knowledgeliebiaobiaoqianmian .biaoqianyuan:nth-child(2){top: -9px;left: 8px;z-index: 8;}
.knowledgeliebiaobiaoqianmian .biaoqianyuan:nth-child(3){top: -21px;left: 12px;z-index: 7;}
// .knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan{position: relative; left: 0px;top: 0px;margin-right:5px;}
// // .knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon{left: 0px;top: 0px;width:1.6em;height:1.6em}
// // .knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon:first-child{z-index: 9;position:absolute}
// // .knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon:nth-child(2){top: 0;left: 6px;  z-index: 8;position:absolute}
// // .knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon:nth-child(3){top: 0;left: 12px;  z-index: 7;position:absolute}
// // .knowledgeliebiaonamemain_text{padding-left: 33px;max-height: 35px;overflow: hidden;width: 100%;box-sizing: border-box;    word-break: break-all;}
     
.knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan{position: relative; left: 0px; top: 0px;float:left;max-width: 31px;height:30px;margin-right:0;font-size:12px;}
.knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon{left: 0px;top: 0px;width:1.6em;height:1.6em}
.knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon:first-child{z-index: 9;position: relative;}
.knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon:nth-child(2){top: 0;left: 0px;z-index: 8;position: relative; margin-left: -14px;}
.knowledgeliebiaobiaoqianmian .knowledgebiaoqianyuan .icon:nth-child(3){top: 0;left: 0px;z-index: 7;position: relative; left: 0; margin-left: -14px;}

.knowledgeliebiaonamemain_text{max-height: 35px;overflow: hidden;width: 100%;box-sizing: border-box;float:left;word-break: break-all;}
 

  .knowledge_title_backshangji{color:#666 !important;padding:0 !important;}
  .knowledge_title_backshangji span{color:$maincolor;cursor:pointer;padding:0 5px;}
  .knowledge_title_shengluefu{color:#666 !important;}
  .knowledgeright-header{position:relative}
  .knowledgeright-header-left{font-size:18px !important;color:#666 !important}
  .knowledgeright-header-left:hover{color:#3399ff !important}
  .knowledgeright-header-right>li i{margin-right:3px;position: relative;font-size: 18px;top: 1px;}
  .knowledgeright-header-right{position:absolute;right:15px;top:8px;color:#666}
  .knowledgeright-header-right>li{float:right;cursor:pointer;position: relative;line-height:32px;margin-left:20px;color:#999}
  .knowledgeright-header-right .knowledge_sousuo{transition:$transition}
  .knowledge_sousuo input{background-color:#f6f6f6;overflow:hidden;border-radius: 3px; height: 28px; width: 150px; font-size: 12px; padding: 0 40px 0 10px; border: 1px solid #fff; transition: all 0.3s ease 0s;}
  .knowledge_sousuo i{position:absolute !important;right:0;top:0 !important;line-height:35px;width:40px;text-align: center;margin-right:0 !important}
  .knowledgewenjianall{color:#666}
  .panel .panel-body.knowledgeliebiao {padding:0}
  .knowledgeliebiao_top{padding:15px; height: 50px; position: absolute;font-size:12px;width: 100%; box-sizing: border-box;}
  .knowledgeliebiao_jaqbwjtongji{position: absolute; right: 15px; line-height: 50px !important; text-align: right; left: auto !important; z-index: 3; top: 0;}
  .knowledge_liebiao_title{height:30px !important;}
  .knowledgeliebiao_top_quanxuan{z-index:3;position: relative}
  .knowledgeliebiao_top >div>div{float:left;margin-right:10px;line-height:20px;left:0;top:2px;}
  .knowledgewenjianall > span:last-child span {color: #999; }
  .knowledgeliebiao_top>div input{position:relative;top:3px;margin-right:5px;}
  .knowledgeliebiao_mian{position:relative;width:100%;height: 100%;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
  .knowledgeliebiao_mian li{cursor:pointer;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
  .knowledgeliebiao_mian .ngClass{transition: 0s linear all;}
  
  .knowledgecaozuohang{padding:0 15px 0 80px; position:absolute;top:0; z-index:1;box-sizing: border-box;background-color:#eee;color:#666;width:100%;height:50px;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .knowledgecaozuohang>div{margin-right:30px;cursor:pointer;transition:$transition;align-self:center;-webkit-align-self: center;text-align:center}
  .knowledgecaozuohang>div i{margin-right:5px;}
  .knowledgecaozuohang>div .icon{margin-right: 5px;width: 1.1em;height: 1.1em;}
  .knowledgecaozuohang>div:hover{color:$maincolor;transition:$transition}
  .knowledgeliebiao_mian .biaoqianyuan {border-radius: 50%; background-color: #fff; border: 1px solid #8b8b8b; width: 10px; height: 10px; position: relative; left: 3px;top: 3px;margin-right:5px;float: left;}
  .knowledge_liebiao{transition: 0s linear all;
    li{font-size: 12px;width:100%;height:35px;padding:10px 0;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;  }
    .knowledgeliebiaonamemain_text{width:330px; text-overflow: ellipsis;}
    .knowledgeliebiaofengmian{position: relative;width:4%;padding:3px;box-sizing: border-box;margin-right:5px;align-items:center;-webkit-align-items:center;align-self:center;-webkit-align-self: center;display: -webkit-flex; display: -ms-flexbox; display: flex;}
    .knowledgeliebiaofengmian img{max-width:100%}
    .knowledgeliebiaocheckbox{width:5%;align-self:center;-webkit-align-self: center;text-align:center}
   
    .knowledgeliebiaoname{width:36%;white-space: nowrap; overflow: hidden;display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-overflow: ellipsis; align-items: center; -webkit-align-items: center; align-self: center;}
    .knowledgeliebiaonamemain{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;align-items: center;}
    .knowledgeliebiaonamemain span{float:left}
    .knowledgeliebiaobiaoqianmian{ padding:6px 5px 6px 0; box-sizing: border-box; height: 30px;width:100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .knowledgeliebiaoname_text{width:100%;} 
    .knowledgeliebiaocjrname{width:16%;color:#666;text-align:left;padding-right: 3px;box-sizing: border-box;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center; -webkit-align-items: center; align-self: center; }
    .knowledgeliebiaowjdx{width:7%;color:#666;text-align:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center; -webkit-align-items: center; align-self: center;}
    .knowledgeliebiaotime{width:16%;color:#666;text-align:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center; -webkit-align-items: center; align-self: center;}
    .knowledgeliebiaoxgcz{width:16%;color:#666;visibility: hidden;align-self:center;-webkit-align-self: center;transition:$transition}
    .knowledgeliebiaoxgcz>div .icon{width: 1.4em; height: 1.4em;margin-right: 5px;}
    .knowledgeliebiaoxgcz>div{float:left;position: relative;}
    .knowledgeliebiaoxgcz_gengduo_menu{width: 120px; background-color: #fff; border-radius: 3px; right: 0; top: 26px;box-sizing: border-box;z-index:99;padding:10px 0}
    .knowledgeliebiaoxgcz_gengduo_menu li{line-height:16px;height:33px;padding:9px 15px;box-sizing: border-box;}
    .knowledgeliebiaoxgcz_gengduo_menu li .icon{margin-right:10px}
    .knowledgeliebiaoxgcz_gengduo_menu_last_child{top:-170px;}
    // li .knowledgeliebiaoxgcz:last-child .knowledgeliebiaoxgcz_gengduo_menu{display:none}
    // li:hover .knowledgeliebiaoxgcz>div:last-child:hover .knowledgeliebiaoxgcz_gengduo_menu{display:block}

    .liebiaocheck-box{margin:0 auto !important;top:0px;left:0}
    .knowledgeliebiaoxgcz i{cursor:pointer;transition:$transition}
    .knowledgeliebiaoxgcz i:hover{color:$maincolor;transition:$transition}
    li:hover .knowledgeliebiaoxgcz{visibility: visible;transition:$transition} 
    // li:hover .liebiaocheck-box{transition:$transition;border:2px solid $maincolor;}
    // li:hover .liebiaocheck-box .iconfont,.liebiaocheck-box.selected .iconfont{display:block;color:$maincolor}
    li:hover .knowledgeliebiaonamemain_text{color:$maincolor}
    li.selected .liebiaocheck-box{border:1px solid $maincolor;transition:$transition;background-color:#fff;}
    li:hover .liebiaocheck-box{border:1px solid $maincolor}
    li.selected .liebiaocheck-box .iconfont,.liebiaocheck-box.selected .iconfont{display:block;color:$maincolor}
    .knowledgeliebiaofengmian_fenxiang{display:none}
    .knowledgeliebiaofengmian_quanxian{display:none}
     .knowledgeliebiaofengmian_zhuanhuan{position: absolute; top: 20px; left: 17px;}
    //.knowledgeliebiaofengmian_zhuanhuan{display:none}
  // .knowledgeliebiaofengmian_fenxiang{background: url(../images/train/zhuangtai.png)0px 0px;width:18px;height:18px;position:absolute;right: 33px;top: 51px;}
  // .knowledgeliebiaofengmian_quanxian{background: url(../images/train/zhuangtai.png)0px 18px;width:18px;height:18px;position:absolute;right: 33px;top: 51px;}
  .progress{ width: 75px; position: relative; top: -6px;}

  .knowledge_shangchuanjindu_tubiao{display:none}
   .knowledgeliebiaonamemain_text.biaoqianfirst {width: 315px;}
      .knowledgeliebiaonamemain_text.biaoqiansecond {width: 310px; }
      .knowledgeliebiaonamemain_text.biaoqianthird {width: 305px; }

  }
  .knowledgeright .progress{height: 6px; background: #666;}
  .knowledgeright .progress .progress-bar{background-color:#3399ff;}
  .knowledge_tubiao{transition: 0s linear all;margin-top:50px;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
     .knowledge_shangchuanjindu_liebieo{display:none}
      .progress{ width: 68px; position: absolute; bottom: 7px;left: 24.9px;}
     li{font-size: 12px;width:117.8px;position:relative;overflow:hidden;border:1px solid transparent;float:left;border-radius:10px;padding:10px 0;margin: 12px 0 0 14px;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
      li:hover{border:1px solid transparent;transition:$transition;background-color:#eee;}
      .knowledgeliebiaocjrname,.knowledgeliebiaowjdx,.knowledgeliebiaotime,.knowledgeliebiaoxgcz{display:none}
      li:first-child{transition: 0s linear all;display:none}
      .knowledgeliebiaoname{max-width: 100%; text-align: center; white-space: normal; overflow: hidden; margin: 5px auto 0;}
      .knowledgeliebiaonamebody{max-width: 100%; text-align: center; white-space: normal; overflow: hidden; margin: 5px auto 0;}
      // .knowledgeliebiaonamemain{width: 100%; max-width: 100%; height: 100%; display: inline-flex;overflow:hidden}
      .knowledgeliebiaoname_text{width:100%;text-align:center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
      .knowledgeliebiaoname_text textarea{width: 100%;box-sizing: border-box;}
      .liebiaocheck-box{transition: 0s linear all;display:none}
      .knowledgeliebiaofengmian{height:80px;align-items:center;-webkit-align-items:center;align-self:center;-webkit-align-self: center;display: -webkit-flex; display: -ms-flexbox; display: flex;}
      .liebiaocheck-box{z-index: 1;position: absolute; top: 4px; left: 5px;border:0;cursor: pointer; text-align: center; border-radius: 50%;width: 20px; height: 20px; }
      li:hover .liebiaocheck-box{display:block;background: #99cfff; color: #fff;}
      li:hover .liebiaocheck-box .iconfont{line-height:20px;}
      li.selected .liebiaocheck-box{transition: 0s linear all;display:block;background: $maincolor !important;}
      li.selected {border:1px solid $maincolor;background-color:#eee;}
      .knowledgeliebiaonamemain_text.biaoqianfirst {max-width: 98px;width: auto;}
      .knowledgeliebiaonamemain_text.biaoqiansecond {max-width: 93px; width: auto;}
      .knowledgeliebiaonamemain_text.biaoqianthird {max-width: 87px; width: auto;}
      .liebiaocheck-box .iconfont{margin-right:0;line-height:20px;font-size:12px;color:#fff;display:block}
      .knowledgeliebiaofengmian{position:relative;width:100%}
      .knowledgeliebiaofengmian_img{margin:0 auto}
      .knowledgeliebiaofengmian_fenxiang{background-color: #3399ff; border-radius: 10px;background: url(../images/train/zhuangtai.png)0px 0px;width:18px;height:18px;position:absolute;right: 33px;top: 51px;}
      .knowledgeliebiaofengmian_quanxian{background-color: #3399ff; border-radius: 10px;background: url(../images/train/zhuangtai.png)0px 18px;width:18px;height:18px;position:absolute;right: 33px;top: 51px;}
      .knowledgeliebiaofengmian_zhuanhuan{position:absolute;right: 33px;top: 51px;width:16px;height:16px;}
      .knowledgeliebiaofengmian_zhuanhuan{-webkit-animation: anim3 4s ease infinite; -moz-animation: anim3 4s ease infinite; -ms-animation: anim3 4s ease infinite; -o-animation: anim3 4s ease infinite; animation: anim3 3s ease infinite;}

      @-webkit-keyframes anim3 {from { -webkit-transform: rotateZ(0deg); } to { -webkit-transform: rotateZ(-360deg); } }
      @-moz-keyframes anim3 {from { -moz-transform: rotateZ(0deg); } to { -moz-transform: rotateZ(-360deg); } }
      @-ms-keyframes anim3 {from { -ms-transform: rotateZ(0deg); } to { -ms-transform: rotateZ(-360deg); } }
      @-o-keyframes anim3 {from { -o-transform: rotateZ(0deg); } to { -o-transform: rotateZ(-360deg); } }
      @keyframes anim3 {from { transform: rotateZ(0deg); } to { transform: rotateZ(-360deg); } }



      .knowledgeliebiaofengmian_leixing{background: red;color: #fff;border-radius:3px;padding:1px 3px;font-size:12px;position:absolute;right:0px;bottom:0px; display: none;}
  }
    .knowledgeliebiaobiaoqianmian{float:left;width:100%}
      .knowledgeliebiaonamemain span{float:left;}
     // .knowledgeliebiaonamemain_text{/*padding-left: 33px;*/max-height: 35px;overflow: hidden;width: 100%;box-sizing: border-box;    word-break: break-all;}
     .knowledgeliebiaonamemain {width: 100%; height: 36px; display: inline-flex;/*margin-top: 10px;*/}
     .knowledgeliebiaonamemain .biaoqianyuan {border-radius: 50%; background-color: #fff; border: 1px solid #8b8b8b; width: 10px; height: 10px; position: relative; left: 3px;top: 3px;margin-right:5px;float:inherit;}
  }
.knowledgebody .knowledge_tubiao li:hover .knowledgeliebiaofengmian_leixing{ display: block;}
.knowledge_yulanmosji{padding:0 15px;margin-top: 50px;
  .knowledge_shangchuanjindu{width: 55%; background-color: #fff; position: absolute; top: 0; right: 0; height: 39px;}
    .knowledge_shangchuanjindu .progress{width:85px;float:left;position: relative;top:17px; }
    .knowledge_shangchuanjindu_yulan_jindu{width: auto; float: left; font-size: 12px; color: #3399ff; position: relative; top: 12px; margin-left: 5px;}
    .knowledge_shangchuanjindu_yulan_zhuanhuan{position: absolute; top: 11px; right: 0; width: 30px; background: #fff; text-align: center;}

      >li{width:25%;padding-right:12px;box-sizing:border-box;margin-top:20px;float:left;position: relative;}
      >li>div{width:100%;}
      >li:nth-child(4n){padding-right:0}
      .knowledgeliebiao_yulanmslist{border-radius:3px;border:2px solid #ddd;background-color:#fff;height: 205px;position: relative;width: 100%;}
      >li:hover .knowledgeliebiao_yulanmslist{border-color:#99ccff}
      >li.active .knowledgeliebiao_yulanmslist{border-color:$maincolor}
      .knowledgeliebiao_caozuoxiang .dropdown-menu {width: 110px; float: left; right: -112px; top: 100%; z-index: 11;margin-top: -31px;}
      .knowledgeliebiao_caozuoxiang .dropdown-menu{padding:10px 0}
      .knowledgeliebiao_caozuoxiang .dropdown-menu li{line-height:30px;width:100%;box-sizing: border-box}
      .knowledgeliebiao_caozuoxiang .dropdown-menu li .icon{position: relative;top:8px;margin-right:8px;}
      >li:nth-child(4n) .dropdown-menu{right:0;margin-top:0}
      .knowledgeliebiaofengmian{height:50%;position: relative;}
      .liebiaocheck-box{transition: 0s linear all;display:none}

      .liebiaocheck-box{z-index: 11;position: absolute; top: 10px; left: 10px;border:0;cursor: pointer; text-align: center; border-radius: 50%;width: 20px; height: 20px; }
      >li:hover .liebiaocheck-box{display:block;background: #99cfff; color: #fff;}
      >li:hover .liebiaocheck-box .iconfont{line-height:20px;}
      >li.selected .liebiaocheck-box{transition: 0s linear all;display:block;background: $maincolor !important;}
      li.selected .knowledgeliebiao_yulanmslist{border:2px solid $maincolor;background-color:#fff;}
      .knowledgeliebiaonamemain_text.biaoqianfirst {max-width: 163px;width: auto;}
      .knowledgeliebiaonamemain_text.biaoqiansecond {max-width: 158px; width: auto;}
      .knowledgeliebiaonamemain_text.biaoqianthird {max-width: 152px; width: auto;}
      .liebiaocheck-box .iconfont{margin-right:0;line-height:20px;font-size:12px;color:#fff;display:block}
      .knowledgeliebiaofengmian{position:relative;width:100%;padding:0 !important;text-align:center}
      .knowledgeliebiaofengmian img{display:none}
      .knowledgeliebiaofengmian_img{margin:0 auto;}
      .knowledgeliebiaofengmian_fenxiang{z-index:1;background: url(../images/train/zhuangtai.png)0px 0px;width:18px;height:18px;position:absolute;right: 15px;top: 15px;}
      .knowledgeliebiaofengmian_quanxian{z-index:1;background: url(../images/train/zhuangtai.png)0px 18px;width:18px;height:18px;position:absolute;right: 15px;top: 15px;}
      .knowledgeliebiaofengmian_zhuanhuan{z-index:1;position:absolute;right:5px;bottom:5px;}
      .knowledgeliebiaofengmian_leixing{background: red;color: #fff;border-radius:3px;padding:1px 3px;font-size:12px;position:absolute;right:0px;bottom:0px}
      
      .knowledgeliebiao_yulanmslist>div {padding: 0 15px;box-sizing: border-box;}
      .knowledgeliebiaonamemain{margin-top:10px;}
      .knowledgeliebiao_caozuoxiang>div {position: relative;}
      .knowledgeliebiao_jishibenimggroup{ 
        .knowledgeliebiaofengmian img{max-height:100%;max-width:100%;margin:0 auto;width:100%;display:block !important}
        .knowledgeliebiao_textmain{margin:10px 0;height:52px !important;overflow:hidden;line-height:21px;padding-top:10px;}
        .knowledgeliebiaoname{margin-top: -40px; position: relative; height: 30px; color: #Fff;}
        .knowledgeliebiaofengmian{display:block !important}
       .knowledgeliebiaonamemain_text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
       .knowledgeliebiaofengmian{height:50% !important;position: relative;}
      }
      .knowledgeliebiaonamemain_text{max-width: 180px; z-index: 8; overflow: hidden;}
      .knowledgeliebiao_caozuowjlx img{margin-right:3px;width:15px;position: relative;top:2px;}

      .knowledgeliebiao_jishiben{
            .knowledgeliebiao_caozuo{position: absolute; bottom: 0px; width: 100%;border-top:1px solid #ccc;height:40px;padding:11px 15px}
            .knowledgeliebiao_caozuoxiang{position: absolute;right:0;top:0;width:50%}
            //.knowledgeliebiao_caozuoxiang>svg{width:33.3%;}
             .knowledgeliebiao_caozuoxiang>div {width: 33.3%; text-align: center; line-height: 38px; cursor:pointer;float:left;}
        .knowledgeliebiaofengmian{height:165px;box-sizing:border-box}
            .knowledgeliebiaofengmian{display:none}
            .knowledgeliebiao_textmain{height:112px;overflow:hidden;}
            .knowledgeliebiaofengmian_img{display: -webkit-box;margin-top: 15px;}

            .knowledgeliebiaonamemain_text{height:40px;max-height:40px;}
            .knowledgeliebiao_caozuowjlx img{margin-right:3px;width:15px;position: relative;top:2px;}
      }
      
      .knowledgeliebiao_wenjianjia{ 
      .knowledgeliebiao_caozuowjlx{display:none}
      .knowledgeliebiao_textmain{display:none}
      .knowledgeliebiaofengmian img{display:block}
      .knowledgeliebiao_caozuo{height:40px;border-top:1px solid #ccc;padding:0;position: absolute; bottom: 0; width: 100%;  }
      .knowledgeliebiao_caozuoxiang{ display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;}
     // .knowledgeliebiao_caozuoxiang >svg{-webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1;width:15%;margin:11px 0;cursor:pointer}
      .knowledgeliebiao_caozuoxiang>div {width: 16%; text-align: center; line-height: 38px; cursor:pointer}

      .knowledgeliebiaofengmian{height: 90px; padding-top: 40px !important; box-sizing:border-box} 
      .knowledgeliebiaonamemain_text{text-align:center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
      .knowledgeliebiao_caozuowjlx img{margin-right:3px;width:15px;position: relative;top:2px;}

      }
      .knowledgeliebiao_wjsctp{
        .knowledgeliebiao_textmain{display:none}
        .knowledgeliebiaofengmian img {display: block; max-height: 164px; max-width: 100%; margin: 0 auto; /*width: 100%;*/height: 100%;}
        .knowledgeliebiao_caozuoxiang{position: absolute; right: 0; top: 0; width: 50%;/*display: -webkit-box; */display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;}
     .knowledgeliebiaonamemain{height:31px;}
        .knowledgeliebiao_caozuo {position: absolute; bottom: 0px; width: 100%; border-top: 1px solid #ccc; height: 40px; padding: 11px 15px; }
       // .knowledgeliebiao_caozuoxiang>svg{-webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1;width:33.3%;cursor:pointer}
         .knowledgeliebiao_caozuoxiang>div {width: 33.3%; text-align: center; line-height: 38px; cursor:pointer;float:left;}
        .knowledgeliebiaofengmian{height:165px;box-sizing:border-box}
        .knowledgeliebiaonamemain_text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
        .knowledgeliebiaoname{position: relative ;margin-top:-45px;color: #Fff;}
        .knowledgeliebiao_caozuowjlx .icon{margin-right:5px;}
        .knowledgeliebiao_caozuowjlx img{margin-right:3px;width:15px;position: relative;top:2px;}
        .knowledgeliebiaoname{background: -ms-linear-gradient(top, transparent,  #7f7f7f);        /* IE 10 */
        background:-moz-linear-gradient(top,transparent,#7f7f7f);/*火狐*/ 
        background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(transparent), to(#7f7f7f));/*谷歌*/ 
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#7f7f7f));      /* Safari 4-5, Chrome 1-9*/
        background: -webkit-linear-gradient(top, transparent, #7f7f7f);   /*Safari5.1 Chrome 10+*/
        background: -o-linear-gradient(top, transparent, #7f7f7f);  /*Opera 11.10+*/}
      }
}





.knowledgewjsxkk{padding: 110px 0;min-width:895px;position: fixed; top:0;height: 100%;transition:$transition;box-sizing: border-box;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}

.knowledgewjsxkkryfwrz{height:550px;overflow-y:auto;z-index: 999;margin-left:5px; width: 460px;box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.knowledgewjsxkkwjsxck {height: 100%; /*margin:0 auto; */z-index: 999; width: 430px;box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.knowledgewjsxkkmain{background: #f4f4f4; padding: 15px 0 0; border-radius: 3px;}
.knowledgewjsxkktitleright{position:absolute;top:-3px;cursor:pointer;right:40px;font-size:16px;border-right: 1px solid #ddd;padding-right: 10px;color:#666;}
.knowledgewjsxkktitleright>div{float:left;margin-left:10px;}
.knowledgewjsxkktitleright .icon{width: 1.3em; height: 1.2em;position: relative; top: 2px;margin-right:3px; }
.knowledgewjsxkktitlerightgengxin .tool_file{width: 71px; margin-left: -70px; opacity: 0;}
.knowledgewjsxkktitlerightgengxin{cursor:pointer}
.knowledgewjsxkktitle .close{top:-4px}
.knowledgewjsxkktitle{color: #666; position: relative; padding: 0 15px; margin-bottom: 15px; font-size: 18px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.knowledgewjsxkkbody{padding: 0 15px;overflow-y:auto;overflow-x:hidden; }
.knowledgewjsxkkbodyfirst{position: relative;margin-bottom:10px;padding-left: 45px;}
.knowledgewjsxkk_sltimg{position: absolute; left: 0; top: 0;border-radius:3px;width: 40px;text-align:center;background: #fff; padding: 2px; border: 1px solid #ddd; box-sizing: border-box; height: 31px; overflow: hidden;box-shadow: 1px 1px 6px #ccc;}
.knowledgewjsxkk_sltimg img{/*width: 34px;*/ height: 100%; overflow: hidden}
.knowledgewjsxkkname{border-radius:3px;border:1px solid #ddd;background:#fff;width: 100%;padding:6px 10px;margin-bottom:5px;position: relative;left:0;box-sizing: border-box;top:0}
.knowledgewjsxkkbiaoqian{border-radius:3px;;font-size: 12px;position: relative;border:1px solid #ddd;background:#fff;padding:6px 10px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.knowledgewjsxkkbiaoqiannr{position: relative; border-radius:3px;margin-bottom:3px;;padding: 1px 20px 1px 0; border: 1px solid #ddd; background: #eee;margin-right:8px;}
.knowledgewjsxkkbiaoqiannr .close{font-size: 20px; line-height: 20px; top: 0; right: 0;}
.knowledgewjsxkkbiaoqiannr .biaoqianyuan {border-radius: 50%; background-color: #fff; border: 1px solid #8b8b8b; width: 10px; height: 11px; position: absolute; left: 4px; top: 5px; }
.knowledgewjsxkkbiaoqiannr .biaoqianname{position: relative; padding-left: 25px; box-sizing: border-box; top: 0; left: 0; line-height: 21px; }
.knowledgewjsxkkbiaoqiannr .knowledgebiaoqianyuan .icon {height: 1.8em; width: 1.8em; position: relative; top: 0px; }
.knowledgewjsxkkbiaoqiannr .knowledgebiaoqianyuan{    position: absolute; left: 0; top: 2px;}
.knowledgewjsxkkbiaoqianmain{flex-wrap: wrap; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.knowledgewjsxkkbiaoqianbody{flex-wrap: wrap; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}

.knowledgewjsxkkbiaoqian_label{width: 45px; z-index: 15; position: relative; top: 0; left: 0; color: #666; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.knowledgewjsxkkbiaoqianadd{cursor: pointer;line-height:23px;position: relative;color:$maincolor}
.knowledgewjsxkkbiaoqianadd .dropdown-menu{top: 25px; z-index: 99; left: -5px;width: 125px;}
.knowledgewjsxkkbiaoqianadd .dropdown-menu li{line-height:35px; position: relative;height: 35px;}
.knowledgewjsxkkbiaoqianadd .biaoqianyuan {border-radius: 50%; background-color: #fff; border: 1px solid #8b8b8b; width: 13px; height: 13px; position: relative; left: 0; top: 11px; }
.knowledgewjsxkkbiaoqianadd .biaoqianname {position: absolute; padding-left: 25px;font-size: 12px; width: 110px; box-sizing: border-box; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.knowledgewjsxkkbiaoqianadd .knowledgebiaoqianyuan .icon {height: 1.8em; width: 1.8em; position: relative; top: 5px;}
.knowledgewjsxkkbiaoqian label{line-height:23px;} 
.knowledgewjsxkkwjsxtitle{height: 2px; background: #eee; margin: 20px 0;}
.knowledgewjsxkkwjsxtitle label{position: relative;padding-right: 10px; top: -11px; background: #f4f4f4; left: 0; font-size: 16px; color: #666;}
.knowledgewjsxkkwjsxbody{padding:0 10px;box-sizing:border-box}
.knowledgewjsxkkwjsxbody li{color:#666;line-height:22px;font-size:12px;}
.knowledgewjsxkkwjsxbody li label{color:#999;width: 70px !important;margin-right:8px;display: inline-block;text-align: justify;text-align-last: justify;-moz-text-align-last: justify;}
.knowledgewjsxkkqxsztitle{ height: 2px; background: #eee; margin: 20px 0;}
.knowledgewjsxkkqxsztitle label{position: relative;padding-right: 10px; top: -11px; background: #f4f4f4; left: 0; font-size: 16px; color: #666;}
.knowledgewjsxkkqxszbody{border-radius: 3px;overflow: hidden;background-color:#fff;border:1px solid #ddd ;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction: column;}
.knowledgewjsxkkqxszbody ul li{color:#666;font-size: 12px;line-height:27px;border:0;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.knowledgewjsxkkqxszbody ul li:first-child{border-bottom:1px solid #ddd;color:#999}
.knowledgewjsxkkqxszbody ul li:last-child{border-bottom:0}
.knowledgewjsxkkqxszbody ul{/*max-height:165px;overflow-y:auto*/}
.knowledgewjsxkkqxszbody ul li:hover { background-color: #e5f0f8; border-color: transparent; }
.knowledgewjsxkkqxszbody ul li.activexz{background-color: #e5f0f8;border-color: $maincolor;}

.knowledgewjsxkkqxsz_check {position: relative; top: 3px; left: 10px; }
.knowledgewjsxkkqxszcyhq{width:80%;padding-left: 20px;box-sizing: border-box;}
.knowledgewjsxkkqxszcyhq .icon{margin-right:3px;}
.knowledgewjsxkkqxszcqx{width:20%;cursor:pointer}
.knowledgewjsxkkqxszcaozuo{position:relative;margin-top:10px;}

.knowledgewjsxkkfooter{display: -webkit-box; display: -moz-box; display: box;width: 394px;-webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;margin: 0 auto;position: relative;padding: 10px 15px;}
.knowledgeliebiao_miankongbaifootertxt{position:relative;top:-17px;}
.knowledgewjsxkkqxszcaozuo{
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0; }
  .btn-group > .btn:first-child {margin-left: 0; }
  // .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0; border-top-right-radius: 0; }
  // .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0; border-top-left-radius: 0; }
  .btn-default {background-color: #fff; border-color: #ccc; color: #333; }
  .btn-group{display: inline-block; position: relative; vertical-align: middle; }
  .btn-group > .btn {float: left; position: relative;    width: 24px; height: 24px; padding: 0;margin-right:0;transition:$transition }
  .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin-left: -1px; }
  .btn-group > .btn i{margin-right:0;}
  .btn-group > .btn:hover{background-color:#eee;transition:$transition}
  .knowledgewjsxkkqxsztianjiamiaoshu{margin-left:5px;line-height: 24px;}
}
.knowledgewjsxkkckfwrz{position:absolute;top:0;right:0;line-height:24px;cursor:pointer;transition:$transition;color:$maincolor}
.knowledgewjsxkkckfwrz:hover{color:$maincolor;transition:$transition}
.knowledgewjsxkkfooter.knowledgewjsxkkfooter_wenjianjia >div{width: 25%;text-align: center;}
.knowledgewjsxkkfooter >div:first-child{border-radius:4px 0 0 4px;margin-left:0}
.knowledgewjsxkkfooter >div:last-child{border-radius:0 4px 4px 0}
.knowledgewjsxkkfooter >div{-webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1;cursor:pointer;text-align: center;border:1px solid $maincolor;padding:6px 5.9px;margin-left:-1px;color:$maincolor;background-color:#fff;}
.knowledgewjsxkkfooter >div i{margin-right:3px;width: 1.2em;height: 1.2em;position: relative;top: 2px;}
.knowledgewjsxkkfooter >div .icon{margin-right:4px;}
.knowledgewjsxkkfooter{
.knowledgewjsxkkfooter_zhuanfa{cursor: default;position:absolute;padding:0;margin-top: -175px; border: 0; box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1); width: 330px; margin-left: 20px;color:#999;}

.knowledgewjsxkkfooter_zhuanfa_sz{padding:15px 15px 0 15px;position:relative;border-bottom: 1px solid #ddd;}
.knowledgewjsxkkfooter_zhuanfa_zf{padding:15px;position:relative}
.knowledgewjsxkkfooter_zhuanfa_fangshi>div{float: left; margin-right: 21px; cursor: pointer; line-height: 30px; font-size: 12px;}
.knowledgewjsxkkfooter_zhuanfa input{padding: 6px 8px; border-radius: 3px; outline: none; box-shadow: 0 0 0 0 #fff; border: 1px solid #ddd; width: 182px; margin-right: 5px; font-size: 12px;}
.knowledgewjsxkkfooter_zhuanfa_fangshi{clear: both; height: 60px; margin-top: 8px; margin-bottom: 8px; }
.knowledgewjsxkkfooter_zhuanfa .caret{ position: absolute; bottom: -6px; margin-left: 60px;border-top: 6px dashed #fff; border-top: 6px solid\9; border-right: 6px solid transparent; border-left: 6px solid transparent;}
.knowledgewjsxkkfooter_zhuanfa_fxlj span{cursor:pointer;color:$maincolor;}
.knowledgewjsxkkfooter_zhuanfa_fjrname{margin-bottom:10px;}
.knowledgewjsxkkfooter_zhuanfa_lxfs{margin-bottom:10px}
.knowledgewjsxkkfooter_zhuanfa_yxxz{margin-bottom:10px;}
.knowledgewjsxkkfooter_zhuanfa_yxxz input{width:18px;margin-left:0;position: relative;top: 2.5px;}
.knowledgewjsxkkfooter_zhuanfa label{width: 64px; display: inline-block; font-size: 12px;}
.knowledgewjsxkkfooter_zhuanfa_shezhi{position:absolute;top:10px;right:5px;}
.knowledgewjsxkkfooter_zhuanfa_shezhi>div{cursor:pointer;}
.knowledgewjsxkkfooter_zhuanfa_shezhi .close{position:relative;right:0;    font-size: 26px;}
.knowledgewjsxkkfooter_zhuanfa_szshouqi{position:absolute;top:10px;right:5px;cursor:pointer}
.knowledgewjsxkkfooter_zhuanfa_shezhi>div i:hover{color:$maincolor}
.knowledgewjsxkkfooter_zhuanfa_szshouqi i:hover{color:$maincolor}
.knowledgewjsxkkfooter_zhuanfa_shezhi .close:hover{color:$maincolor}
}

.knowledgewjsxkkryfwrzmain{background: #f4f4f4; padding: 15px 0; border-radius: 5px; overflow-y: auto; overflow-x: hidden;}
.knowledgewjsxkkryfwrztitle {color: #666; position: relative; padding: 0 15px; margin-bottom: 15px; font-size: 18px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.knowledgewjsxkkryfwrzbody{padding: 0 15px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.knowledgewjsxkkryfwrzxqgkname{width:120px;padding:0 10px;box-sizing:border-box}
.knowledgewjsxkkryfwrzxqzffs{width:100px;padding:0 5px;box-sizing:border-box}
.knowledgewjsxkkryfwrzxqgkcs{width:100px;padding:0 5px;box-sizing:border-box}
.knowledgewjsxkkryfwrzxqgktime{width:110px;padding:0 10px;box-sizing:border-box}
.knowledgewjsxkkryfwrzxqli>div{float:left }
.knowledgewjsxkkryfwrzbodytitle>div{float:left;color:#666;cursor:pointer;padding: 5px 15px;border-radius:3px;;margin-right: 20px;transition:$transition;}
.knowledgewjsxkkryfwrzbodytitle>div.active,.knowledgewjsxkkryfwrzbodytitle>div:hover{color:$maincolor;background-color:#fff;transition:$transition;}
.knowledgewjsxkkryfwrzbodytitle{position:relative;margin-bottom:10px;}
.knowledgewjsxkkryfwrzdcsh{position:absolute;top:0;right:0;color:$maincolor !important;cursor:pointer;margin-right:0 !important;}
.knowledgewjsxkkryfwrzdcsh:hover{background-color:transparent !important}
.knowledgewjsxkkryfwrzbodymain{    background-color: #fff; border: 1px solid #ddd; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.knowledgewjsxkkryfwrzbodymain li{color:#666; line-height:35px;font-size:12px;;text-align: center;border-bottom:1px solid #ddd;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.knowledgewjsxkkryfwrzbodymain li>div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.knowledgewjsxkkryfwrzbodymain li:first-child{color:#999}
.knowledgewjsxkkryfwrzbodymain li:last-child{border-bottom:0;}
.knowledgewjsxkkryfwrzbodymain li:first-child div:first-child{text-align:center}
.knowledgewjsxkkryfwrzbodymain li div:first-child{text-align:left}

.style_eee{background: #eee !important;  }
/*传输列表*/
.knowledgeright-header-right-chuanshu {width:300px;position: absolute;top: 40px;right: -100px;z-index: 11; background-color: #fff; padding: 10px 15px; border-radius: 5px; box-shadow: 1px 1px 7px 2px #eee;}
.knowledgeright-header-right-chuanshu .caret{border-bottom: 12px dashed #fff; border-top: 12px solid\9; border-right: 12px solid transparent; border-left: 12px solid transparent; margin-top: -22px; margin-left: 167px; border-top: 0;    position: absolute;z-index:3}
.knowledgeright-header-right-chuanshu .caretbj{border-bottom: 14px dashed #ededed; border-top: 14px solid\9; border-right: 14px solid transparent; border-left: 14px solid transparent; margin-top: -24px; margin-left: 165px; border-top: 0; display: inline-block; width: 0; height: 0; position: absolute; vertical-align: middle;}
.knowledgeright-header-right-chuanshu li>div{float:left;}
.knowledgeright-header-right-chuanshu li{height:26px;line-height:24px;}
.knowledgeright-header-right-chuanshuname{color: #666;width: 195px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.knowledgeright-header-right-chuanshuzt.Success{color:#666}
.knowledgeright-header-right-chuanshuzt{color:$maincolor;width:70px;}
.knowledgeright-header-right-chuanshucaozuo{color:$maincolor;cursor:pointer;width:35px;}
.knowledgeright-header-right_paixu.dropdown-menu{z-index: 11; right: 0; top: 30px; width: 130px; left: 0; box-shadow: 1px 0px 15px #ccc; border: 0;}
.knowledgeright-header-right_qhgkms{z-index: 12; right: 0; top: 30px; width: 115px; box-shadow: 1px 0px 15px #ccc; border: 0;}
.knowledgeliebiao_miankongbai{height: 100%; position: absolute; top: 0; width: 100%; z-index: -1; }
.knowledgeliebiao_miankongbai .knowledgeliebiao_miankongbai_tuoxhuaibody{height: 503px; position: relative; padding-top: 31px; width: 100%; z-index: 10; overflow: hidden;}
.knowledgeliebiao_miankongbai_tuoxhuaibody .close{top:36px;}
.knowledgeliebiao_miankongbai_tuoxhuaibody{display:none;}
.nv-file-over{display:block;z-index:10 !important;}
.nv-file-over #hideceng {display:block; z-index:10 !important;}
.knowledgeliebiao_miankongbaitop{width:100%;}

.knowledgeliebiao_miankongbaifooter{overflow: hidden;width:100%;background-color:#f4f4f4;height:60px;position: absolute;bottom:0;}
.knowledgeliebiao_miankongbaitop span{margin: 0 auto;padding:60px 90px;border:2px dashed $maincolor;color:$maincolor;cursor:pointer;border-radius: 6px;}
.knowledgeliebiao_miankongbaitop span:hover{ border-color: #0e62c7;}
.knowledgeliebiao_miankongbaifooter div{margin:0 auto;color:#999;text-align: center;}
.knowledgeliebiao_miankongbaitop_tuoxhuai{display: inline-flex;position: absolute; top: 50%; left: 50%; margin-top:-100px; margin-left: -190px;}
.knowledgeliebiao_miankongbai_bj{background: #fff; opacity: 0.6; filter: Alpha(opacity=60); height: 570px; position: absolute; top: 31px; width: 100%; left: 0;}
/*收藏*/
.knowledgewzsc{left: 50%; margin-left: -260px; position: absolute; /*top: 50%;*/margin-top:100px; width: 520px;box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1000;}
.knowledgewzscbody{background-color: #fff;border-radius: 3px;}
.knowledgewzsctitle{position:relative;padding:10px 15px;    font-size: 18px;color:#333;border-bottom:1px solid #ddd;}
.knowledgewzsctitleright{position:absolute;cursor:pointer;top:10px;right:40px;font-size:16px;border-right: 1px solid #ddd;padding-right: 10px;color:#666;}
.knowledgewzsctitleright .icon{width: 1.4em; height: 1.4em;position: relative; top: 2px; }
.knowledgewzsctitle .close{top: 10px;right: 8px;}
.knowledgewzscmain{background-color:#eee;padding:15px;}
.knowledgewzscmain li label{display: inline-block; width: 100px; padding: 0 18px; box-sizing: border-box; text-align: right; font-size: 16px;}
.knowledgewzscmain li input{padding:8px 15px;    width: 350px;border-radius:3px;box-shadow:0 0 0 0 #fff;border:1px solid #ddd;}
.knowledgewzscmain li {height:45px;}
.knowledgewzscmain .knowledgewzscmain_error{color:red;margin-top:-5px;margin-bottom:15px;margin-left:100px;}

/*记事本*/
.knowledgexjjsb{left: 50%; margin-left: -430px; position: absolute; top: 0;margin-top:100px; width: 860px;box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1000;}
.knowledgexjjsbbody{background-color: #fff;border-radius: 3px;}
.knowledgexjjsbtitle{position:relative;padding:10px 15px;    font-size: 18px;color:#333;border-bottom:1px solid #ddd;}
.knowledgexjjsbtitleright{position:absolute;top:10px;cursor:pointer;right:40px;font-size:16px;border-right: 1px solid #ddd;padding-right: 10px;color:#666;}
.knowledgexjjsbtitleright .icon{width: 1.4em; height: 1.4em;position: relative; top: 2px; }
.knowledgexjjsbtitle .close{top: 10px;right: 8px;}
.knowledgexjjsbmain{background-color:#eee;padding:15px;}
.edui-editor{width: 100% !important;z-index: 999 !important;box-sizing: border-box !important;border-radius: 0 0 3px 3px !important;border: 0 !important;}
.edui-editor-iframeholder{width: 100% !important;}
.edui-editor-iframeholder .view{overflow-y: auto !important;}
.knowledgexjjsbbody .view{    height: 480px !important;
    overflow-y: auto !important;}

/*问答*/
.knowledgexjwenda{left: 50%; margin-left: -430px; position: absolute; top: 0;margin-top:100px; width: 860px;box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1000;}
.knowledgexjwendabody{background-color: #fff;border-radius: 3px;}
.knowledgexjwendatitle{position:relative;padding:10px 15px;    font-size: 18px;color:#333;border-bottom:1px solid #ddd;}
.knowledgexjwendatitleright{position:absolute;top:10px;cursor:pointer;right:40px;font-size:16px;border-right: 1px solid #ddd;padding-right: 10px;color:#666;}
.knowledgexjwendatitleright .icon{width: 1.4em; height: 1.4em;position: relative; top: 2px; }
.knowledgexjwendatitle .close{top: 10px;right: 8px;}
.knowledgexjwendamain{background-color:#eee;padding:15px;}

/*重命名*/
.knowledgexjwjcmm{left: 50%; margin-left: -260px; position: absolute; top: 0;margin-top:100px; width: 520px;box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1000;}
.knowledgexjwjcmmbody{background-color: #fff;border-radius: 3px;overflow: hidden;}
.knowledgexjwjcmmtitle{position:relative;padding:10px 15px;font-size: 18px;color:#333;border-bottom:1px solid #ddd;}
.knowledgexjwjcmmtitleright{position:absolute;top:10px;cursor:pointer;right:40px;font-size:16px;border-right: 1px solid #ddd;padding-right: 10px;color:#666;}
.knowledgexjwjcmmtitleright .icon{width: 1.4em; height: 1.4em;position: relative; top: 2px; }
.knowledgexjwjcmmtitle .close{top: 10px;right: 8px;}
.knowledgexjwjcmmmain{background-color:#eee;padding:15px;}
.knowledgexjwjcmmmain li{margin-bottom:10px;}
.knowledgexjwjcmmmain li:last-child{color:#999;line-height:24px;}
/*删除*/
.knowledgexjwjshanchu{width: 740px; box-sizing: border-box; z-index: 1000; height: 100%;}
.knowledgexjwjshanchubody{position: relative;background-color: #fff;border-radius: 3px;top:60px;}
.knowledgexjwjshanchutitle{position:relative;padding:10px 15px;font-size: 18px;color:#333;background: #eee;}
.knowledgexjwjshanchutitle .close{top: 10px;right: 8px;}
.knowledgexjwjshanchumain{background-color:#eee;padding:0 15px 15px;display: inline-block; margin-bottom: 54px;overflow-y: auto; overflow-x: hidden; max-height: 449px;}
.knowledgexjwjshanchumain .knowledgexjwjshanchumain_thumbnail{float:left;border-radius:4px;overflow:hidden;background-color:#fff;margin-bottom:10px;width:220px;margin-right:19px;border:1px solid #ddd;}
.knowledgexjwjshanchumain .knowledgexjwjshanchumain_thumbnail:nth-child(3n){margin-right:0}
.knowledgexjwjshanchumain_thumbnail_img img{max-width:100%}
.knowledgexjwjshanchumain_thumbnail_name{height:40px;padding:3px 10px;overflow:hidden;color:#666}
.knowledgexjwjshanchumain_thumbnail_bottom{position: relative;padding:0 10px;}
.knowledgexjwjshanchumain_thumbnail_bottom_wjjimg img{width:35px;}
.knowledgexjwjshanchumain_thumbnail_bottom_wjjtext{color:#666;position: absolute;top:8px;left:0;padding-left:50px;box-sizing: border-box; width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.knowledgexjwjshanchufooter{bottom: 0;width: 100%;padding:10px 15px;position: absolute; height:54px;box-sizing:border-box}
.knowledgexjwjshanchufooter_right{position: absolute;right:0;top:10px;}
.knowledgexjwjshanchufooter_glkc{background-color:$maincolor;color:#fff;border:1px solid $maincolor;transition:$transition}
.knowledgexjwjshanchufooter_qx{background-color:#fff;border:1px solid $maincolor;color:$maincolor;transition:$transition}
.knowledgexjwjshanchufooter_left{line-height:34px;color:#666}
.knowledgexjwjshanchufooter_qx:hover{background-color:$maincolor;color:#fff;border:1px solid $maincolor;transition:$transition}
.knowledgexjwjshanchufooter_glkc:hover{background-color:#fff;border:1px solid $maincolor;color:$maincolor;transition:$transition}

/*问答回复*/
// .knowledgewjwthf{left: 50%; margin-left: -297px; position: fixed; top: 0;margin-top:100px; width: 594px;box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1000;}
.knowledgewjwthfmainbody{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-x: hidden; overflow-y: auto;}
.knowledgewjwthfmainbodybj{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0;}

.knowledgewjwthf{width: 594px; top: 0; z-index: 1000; box-sizing: border-box; height: 100%;  left: 50%; position: relative; margin-left: -247px; padding: 100px 0;}
.knowledgewjwthfbody{/*background-color: #fff;*/border-radius: 3px;max-height: 100%;overflow-y: auto; overflow-x: hidden;}
.knowledgewjwthftitle{position:relative;padding:10px 15px 0;font-size: 18px;color:#333;background-color:#eee}
.knowledgewjwthftitleright{position:absolute;display: inline-flex;line-height: 24px;top:10px;cursor:pointer;right:40px;font-size:14px;color:#666;}
.knowledgewjwthftitleright_gbwthf{margin-right: 10px;display: inherit;border-right: 1px solid #ddd;padding-right: 10px;
  .toggle{height:18px;    margin-top: 2px;width:35px}
  .toggle .switch{right:17px;}
  .toggle .check.checked ~ .switch{left:17px;}


}

.knowledgewjwthftitleright_bjwt{ display: inherit;border-right: 1px solid #ddd;padding-right: 10px;}
.knowledgewjwthftitleright .icon{width: 1.4em; height: 1.4em;position: relative; top: 2px; margin-right:5px;}
.knowledgewjwthftitleright .toggle{float:left}
.knowledgewjwthftitle .close{top: 10px;right: 8px;}
.knowledgewjwthfmain{background-color:#eee;padding:15px;}
.knowledgewjwthfmain_wenti{background-color:#fff;border:1px solid #ccc;border-radius:4px 4px 0 0;/*padding: 15px;*/}
.knowledgewjwthfmain_wentitop{padding:15px 15px 0;}
.knowledgewjwthfmain_header{border-bottom:1px solid #ddd;}
.knowledgewjwthfmain_header_xqjs{display:inline-block;color:#999;line-height:26px;    width: 100%;position: relative;}
.knowledgewjwthfmain_header_xqjs li{float:right;margin-right:10px;font-size:12px;margin-top:10px;}
.knowledgewjwthfmain_header_xqjs_name img{border-radius:50%;width:20px;float:left;margin-right:5px;position: relative; top: 3px;}
.knowledgewjwthfmain_header_xqjs_name{color:#999;position: absolute; left: 0;}
.knowledgewjwthfmain_header_xqjs_name span{font-size: 12px;margin-right: 5px;width: 150px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.knowledgewjwthfmain_header_title{font-size:18px;line-height: 26px;}
.knowledgewjwthfmain_header_title p{word-break: break-all;}
.knowledgewjwthfmain_header_title .icon{margin-right:5px;}
.knowledgewjwthfmain_header_xqjs a{color:$maincolor;text-decoration:none;padding:0 5px;}
.knowledgewjwthfmain_sectionli_xq {position: relative;line-height: 25px;font-size:12px;margin: 6px 0;}
.knowledgewjwthfmain_sectionli_time{position: absolute;right:0;top:0;color:#999;}
.knowledgewjwthfmain_section_xiugaibody{position: absolute;right:140px;top:0}
.knowledgewjwthfmain_section_xiugaibody>div{float:left;margin-right:10px;cursor:pointer;color:$maincolor}
.knowledgewjwthfmain_section_baocun{position: absolute;right:-10px;top:0}
.knowledgewjwthfmain_section_baocun>div{float:left;margin-right:10px;cursor:pointer;color:$maincolor}
.knowledgewjwthfmain_sectionli_name img{border-radius:50%;width:20px;float:left;margin-right:5px;position: relative; top: 3px;}
.knowledgewjwthfmain_sectionli_name{color:#999;}
.knowledgewjwthfmain_sectionli_name >div{width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.knowledgewjwthfmain_sectionli_name span{color: #999; }
.knowledgewjwthfmain_section li{padding:15px 0 0}
.knowledgewjwthfmain_sectionli_xq .icon{width:1.4em;height:1.4em;margin-right:2px;position: relative; top: 2px;}
.knowledgewjwthfmain_header_xqjs .icon{width:1.5em;height:1.5em;margin-right:2px;position: relative; top: 2px;}
.knowledgewjwthfmain_section_quxiaobc .icon{width:1.2em;height:1.2em}
.knowledgewjwthfmain_section_neirong{color:#666}
.knowledgewjwthfmain_sectionli_tx{padding: 3px 5px; height: auto; line-height: 18px; box-sizing: border-box; color: #666; font-size: 12px; width: 100%; border-radius: 3px; resize: none; min-height: 20px; max-height: 300px; _height: 120px; margin-left: auto; margin-right: auto; border: 1px solid transparent; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; outline: none;}
.knowledgewjwthfmain_footer{width: 100%; position: relative;/*border: 1px solid #ccc; border-top: 0;*/ box-sizing: border-box;}
.knowledgewjwthfmain_footer .jisushurukuangform{position: relative !important;}
.knowledgewjlsbb{margin: 0 auto; left: 0; width: 100%;}
.knowledgewjsxkkwjlsbb{width:667px;margin-left: 5px;height: 550px;overflow-y: auto;}
.knowledgewjsxkkwjlsbbmain{background: #f4f4f4; padding: 15px 0;height: 520px;border-radius: 5px; overflow-y: auto; overflow-x: hidden;}
.knowledgewjsxkkwjlsbbtitle{color: #666; position: relative; padding: 0 15px; margin-bottom: 15px; font-size: 18px; }
.knowledgewjsxkkwjlsbbbody{border-radius: 3px;padding: 0 15px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.knowledgewjsxkkwjlsbbbodymain{background-color: #fff; border: 1px solid #ddd; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.knowledgewjsxkkwjlsbbbodymain li:first-child {color: #999; }
.knowledgewjsxkkwjlsbbbodymain li {position: relative;color: #666; line-height: 35px; font-size: 12px; text-align: left;padding-left: 15px; border-bottom: 1px solid #ddd; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.knowledgewjsxkkwjlsbbbodymain li:last-child{border-bottom:0}
.knowledgewjsxkkwjlsbbbodymain li>div{padding-right: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.knowledgewjsxkkwjlsbbxqscbbh>div>div{padding-right: 17px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.knowledgewjsxkkwjlsbbxqscbbh>div span{top: 14px; position: absolute; right: 14px;}
.knowledgewjsxkkwjlsbbxqsctime>div {line-height: 15px; }
.knowledgewjsxkkwjlsbbxqsctime>div:nth-child(2){color:#999}
.knowledgewjsxkkwjlsbbxqsctime{padding:2px 0}
.knowledgewjsxkkwjlsbbxqscbbh{padding-right:0}
.knowledgewjsxkkwjlsbbxqscbbh>div:first-child{position:relative;cursor:pointer;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.knowledgewjsxkkwjlsbbxqscbbh{width:75px;}
.knowledgewjsxkkwjlsbbxqscljwjmc{width:160px;}
.knowledgewjsxkkwjlsbbxqscname{width:105px;}
.knowledgewjsxkkwjlsbbxqscwjdx{width:70px;}
.knowledgewjsxkkwjlsbbxqsctime{width:105px;}
.knowledgewjsxkkwjlsbbxqcaozuo{width:120px;}
.knowledgewjsxkkwjlsbbxqscbbh .dropdown-menu{z-index: 9; left: -1px; right: auto; width: auto; min-width: 80px; top: 35px;} 
.knowledgewjsxkkwjlsbbxqcaozuo a{color: $maincolor; text-decoration: none; margin-right: 0; width: 33%; float: left; text-align: center; }
.knowledgewjsxkkwjlsbbxqcaozuo a i{font-size:16px;margin-right:0; line-height: 35px;cursor:pointer}
.knowledgewjsxkkwjlsbbxqcaozuo .checked i{color:#339966;font-size: 16px; line-height: 35px;}
.knowledgewjsxkkwjlsbbbodymainlastthird li:last-child{bottom:0}
.knowledgewjsxkkwjlsbbbodymainlastthird li:nth-last-child(5){bottom:0}
.knowledgewjsxkkwjlsbbbodymainlastthird li:nth-last-child(4){bottom:0}
.knowledgewjsxkkwjlsbbbodymainlastthird li:nth-last-child(3){bottom:0}
.knowledgewjsxkkwjlsbbbodymainlastthird li:nth-last-child(2){bottom:0}

@media (max-width:1140px){
.knowledgemian{max-width:960px}
.knowledgewjlsbb{max-width:980px}
.knowledgewjsxkkwjlsbb{width:545px;margin-left: 5px;}
.knowledgewjsxkkwjlsbbxqscbbh{width:75px;}
.knowledgewjsxkkwjlsbbxqscljwjmc{width:90px;}
.knowledgewjsxkkwjlsbbxqscname{width:75px;}
.knowledgewjsxkkwjlsbbxqscwjdx{width:70px;}
.knowledgewjsxkkwjlsbbxqsctime{width:90px;}
.knowledgewjsxkkwjlsbbxqcaozuo{width:98px;}


}

@media (max-width:960px){
  .knowledgewjsxkk{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} 
}


/*--------------------------------首页------------------------------------------------*/
.index_home_jumbotron{width:1140px;margin:0 auto;position:relative;padding:12px 0px 0}
.index_home{}
.index_home_thumbnail{height: 128px;width:19%;float:left;margin-bottom:30px;cursor:pointer;margin-right:1.25%;border:1px solid #eee;border-radius:3px;background-color:#fff;position:relative;padding:15px;box-sizing:border-box;transition:$transition;}
.index_home_thumbnail:hover{transition:$transition;border:1px solid $maincolor}
.index_home_thumbnail:nth-child(5){margin-right:0}
.index_home_thumbnail_left{position: absolute; top: 15px; background: #eee; border-radius: 50%;}
.index_home_thumbnail_left span{border-radius: 50%; padding: 5px 19px; display: inline-block; font-size: 2.6em; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(green), to(#333333)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.index_home_thumbnail_right{top:0;left:0;padding-left:80px;color:#999;line-height:22px;}
.index_home_thumbnail_right a{color:#999;transition:$transition;}
.index_home_thumbnail_right a:hover{color:$maincolor;transition:$transition;}
.index_home_thumbnail_right span{font-size: 18px; color: #333; line-height: 30px; position: relative; top: -5px;}
.index_home_thumbnail:nth-child(1) .index_home_thumbnail_left span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffa2a2), to(#ff5555));}

.index_home_thumbnail:nth-child(2) .index_home_thumbnail_left span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fc9400), to(#ffcb23));}
.index_home_thumbnail:nth-child(3) .index_home_thumbnail_left span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9999), to(#ff66cc));}
.index_home_thumbnail:nth-child(4) .index_home_thumbnail_left span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#53d1a4), to(#1b8861));}
.index_home_thumbnail:nth-child(5) .index_home_thumbnail_left span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#0ab8d2), to(#42d4e9));}
.index_home_thumbnail:nth-child(6) .index_home_thumbnail_left span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#66ccff), to($maincolor));}
.index_home_thumbnail:nth-child(7) .index_home_thumbnail_left span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3ca3ff), to(#4d42ff));}
.index_home_thumbnail_right_xinzeng{border:1px solid $maincolor;color:$maincolor;    display:-webkit-inline-box;padding:0 10px;line-height:26px;border-radius:20px;margin-top: 10px;    font-size: 12px;}
.index_home_thumbnail_right_xinzeng .checkboxsxtjtj{margin-right:5px;}
.index_home_Characterlabel{background-color:#fff;width:39.25%;border-radius:3px;
  .Character_labelmain{position:absolute;background:#fff;width:39.25%;min-height:142px;margin:0px;left:0px;box-shadow:none; border:1px solid #ddd;
    img {height:40px;width:40px;border-radius:50%;}   
    .Character_labeltext {display:none;}
  }  
}
.index_home_tubiao{position: absolute;width:59.5%; top: 382px; right: 0px;background-color:#fff;border-radius:3px;height:300px; border:1px solid #ddd;}
.index_home_thumbnail_right_xinzeng i{position: relative;top:2px;margin-right:5px}
.index_home_tubiao>div{width:100% !important}
.index_home_tubiao>div canvas{width:100% !important}
.index_home_bottom{position: relative;margin-top:172px;}
.index_home_bottom_left{min-height: 194px;width: 39.25%; background: #fff; padding: 15px; box-sizing: border-box; border: 1px #ddd solid;}
.index_home_bottom_left .index_home_gonggao_itemgroup li {font-size: 12px;cursor:pointer;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 80px 0 10px; position: relative; line-height: 26px; color: #666;transition:$transition }
.index_home_bottom_left .index_home_gonggao_itemgroup li:hover{text-decoration:underline;color:$maincolor;transition:$transition}
.index_home_bottom_left .index_home_gonggao_itemgroup li:hover .index_home_gonggao_item_time{text-decoration:underline;color:$maincolor;transition:$transition }
.index_home_gonggao_item_time {position: absolute; right: 10px; top: 0; transition:$transition }
.index_home_bottom_right{width: 59.5%; position: absolute; right: 0; top: 0; height: 50px; background: #fff;}
.index_home_bottom_right img{max-width:100%}
.index_home_gonggao_titel{font-size: 16px; margin-bottom: 10px;}
.index_home_gonggao_fanye{margin-top:5px;}
.index_home_gonggao_fanye>div {float: right; border: 1px solid #ddd; margin-left: 5px; padding: 3px 6px; font-size: 12px; color: #999; border-radius: 3px; text-align: center; cursor: pointer;transition:$transition }
.index_home_gonggao_fanye>div:hover{color:#666;border:1px solid #999;transition:$transition}
.index_newnav{ overflow: hidden; margin-bottom: 20px; width: 100%; }
    .index_newnav ul{ width: 24%; margin-right: 1%!important; float: left; border: 0;border-radius:3px; padding-top: 180px; height: 130px; background-color: #fff; background-repeat: repeat-x; }
    .index_newnav ul li{ margin: 10px 20px;  }
    .index_newnav ul li span{border-left: 4px $maincolor solid; margin-right: 15px; font-size: 12px;}
    .index_newnav ul li a{ color: #999; text-decoration:none;}
    .index_newnav ul li a:hover{color: $maincolor; }
    .index_newnav .index_menu1{  background-image: url(/images/nav1.gif); } 
    .index_newnav .index_menu2{  background-image: url(/images/nav2.gif);  } 
    .index_newnav .index_menu3{  background-image: url(/images/nav3.gif);   } 
    .index_newnav .index_menu4{  background-image: url(/images/nav4.gif);  width: 25%; margin-right: 0!important; } 
/*--------------------------------题库---------------------------------------------*/
.question_list{width:1140px;margin:0 auto;
  header{background-color: #fff; position: relative; height: 24px; padding: 15px; line-height: 24px;
    .question_list_nav_head_left>li{float:left;margin-right:20px;color:#999;cursor:pointer}
    .question_list_nav_head_fenlei{color:#333}
    .question_list_nav_head_left>li i{margin-right:10px;}
    .question_list_nav_head_right{ position:absolute;top:15px;right:0;color:#333;line-height:24px;}
    .question_list_nav_head_right span{color:$maincolor}
  }
  section{
    .question_list_section_header{color:$maincolor;padding:10px 15px;border-bottom:1px solid #ddd;line-height:24px;}
    .question_list_section_header span{cursor:pointer}
    .question_list_section_header{color:$maincolor}
    .question_list_section_body{position:relative;}
    .question_list_section_body_left{background-color:#fff;height: 365px;margin-top:15px;width:33%;border-radius:3px;padding:15px;box-sizing:border-box;position:relative}
    .question_list_section_body_left_title{position:absolute;top:19px;left:15px;}
    .question_list_section_body_left_title span{background-color:#777;padding:4px 20px;color:#fff; border-radius:3px;}
    .question_list_section_body_left_body{height:100%;width:100%}
    .question_list_section_body_left_footer{position:absolute;bottom:15px;left:15px;font-size:16px;color:#666;font-style: italic;}
    .question_list_section_body_right{position:absolute;top:0;right:0;height: 365px;overflow:auto;background-color:#f4f4f4;padding:10px;box-sizing:border-box;width:66%;margin-left:1%;border-radius:3px;}
    .question_list_section_body_right li{width:49.5%;/*cursor:pointer;*/float:left;margin-top:15px;;border:1px solid #ddd;background-color:#fff;border-radius:3px;padding:10px;box-sizing: border-box;}
    .question_list_section_body_right li:nth-child(2n-1){margin-right:1%}
    .question_list_section_body_right li:first-child,.question_list_section_body_right li:nth-child(2){margin-top:0}
    .question_list_section_body_right li:hover{border:1px solid $maincolor}
    .question_list_section_body_right_fenleititle{font-size:18px;color:#333}
    .question_list_section_body_right_fenleixq{color:#666;margin-top:10px;}
    .question_list_section_body_right_fenleixq span{color:#fff;border-radius:3px;}
    .question_list_section_body_right_fenleixq .tiku_excellent{background-color:#339966;padding:0 3px;margin-right:5px;}
    .question_list_section_body_right_fenleixq .tiku_good{background-color:#ffba00;padding:0 3px;margin-right:5px;}
    .question_list_section_body_right_fenleixq .tiku_fail{background-color:#ff6c6c;padding:0 3px;margin-right:5px;}
    .question_list_section_body_right_fenleicaozuo>div{float:left;margin-right:10px;color:#999;margin-top:10px;cursor:pointer}
    .question_list_section_body_right .question_list_section_ydt:hover .question_list_section_body_right_fenleicaozuo>div{color:$maincolor !important}
    // .question_list_section_body_right .question_list_section_ydt .question_list_section_body_right_fenleixq span{display:none}
    .question_list_section_footer{margin-top:20px;background-color:#fff;border-radius:3px;padding:15px 0; position: relative;}
    .question_list_section_footer_header{border-bottom:1px solid #ddd;padding-bottom:15px;color:#999;margin: 0 15px;position:relative}
    .question_list_section_footer_header_right{position:absolute;top:0;right:0}
    .question_list_section_footer_header_right span{margin:0 5px;color:#666;}
    .question_list_section_footer_header_right .timuall{color:$maincolor;cursor:pointer}
    .question_list_section_footer_body{position:relative}
    .question_list_section_footer_bodybftm{padding:15px 15px 0;}
    .question_list_section_footer_bodybftm li{float:left;border-radius:3px;margin-bottom:10px;color:#333;cursor:pointer;width:90.9px;    box-sizing: border-box;margin-right:10px;text-align:center;padding:5px 0;border:1px solid #f8f8f8;background-color:#f8f8f8;transition:$transition}
    .question_list_section_footer_bodybftm li:hover{border:1px solid $maincolor;color:$maincolor;transition:$transition}
    .question_list_section_footer_btngroup{margin:20px auto;text-align:center}
    .question_list_section_footer_btngroup .btn{background-color:$maincolor;color:#fff;border-radius: 20px; padding: 8px 22px; margin-right: 10px;}
    .question_list_section_footer_bodytmall{padding: 15px 0px 0;position:absolute;top:0;background-color:#fff;height: 100%;overflow: auto;}
    .question_list_section_footer_bodytmallhead{font-size:20px;color:#333;margin-bottom:20px;}
    .question_list_section_footer_bodytmalltop{overflow:auto;padding:0 15px 0px;}
    .question_list_section_footer_bodytmallbody li{float:left;border-radius:3px;color:#333;margin-bottom:10px;cursor:pointer;width:100.4px;box-sizing: border-box;margin-right:10px;text-align:center;padding:5px 0;border:1px solid #ddd;background-color:#f8f8f8;transition:$transition}
    .question_list_section_footer_bodytmallbody li:hover,.question_list_section_footer_bodytmallbody li.active{background-color:$maincolor;border:1px solid $maincolor;color:#fff;transition:$transition}
    .question_list_section_footer_bodytmallfooter{position: absolute; width: 100%;height:50px;line-height: 30px; background: #f4f4f4; bottom: 0; left: 0; padding: 10px 15px; box-sizing: border-box;}
    .question_list_section_footer_bodytmallfooter_right{position:absolute;top:10px;right:15px}
    .question_list_section_footer_bodytmallfooter_right input{width:60px;text-align:center;line-height:24px;border-radius:3px;box-shadow:0 0 0 0;border:1px solid #ddd;margin:0 10px;}
    .question_list_section_footer_bodytmallfooter_right .btn{border:1px solid #ddd;background-color:#fff;line-height:24px;height: 24px;padding: 2px 5px;}
  }

}
/*智能抽题*/
.Intelligent_pumping{left: 50%; margin-left: -430px; position: fixed; top: 0;margin-top:100px; width: 860px;box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1000;}
.Intelligent_pumpingbody{background-color: #fff;border-radius: 3px;}
.Intelligent_pumpingtitle{position:relative;padding:15px;    font-size: 18px;color:#333;}
.Intelligent_pumpingtitle .close{top: 12px;right: 8px;}
.Intelligent_pumpingmain{background-color:#fff;padding:15px;}
.Intelligent_pumpingfooter{background-color:#f4f4f4;position: relative;width: 100%;padding: 15px; box-sizing: border-box;}
.Intelligent_pumping .btn{border:1px solid #ddd;margin-left:10px;transition:$transition;background-color:#fff;}
.Intelligent_pumping .btn:hover,.Intelligent_pumpingmain .btn.active{background-color:$maincolor;border:1px solid $maincolor;transition:$transition;color:#fff}
.Intelligent_pumpingmain li{margin-bottom:10px;}
.Intelligent_pumpingmain li:last-child{margin-bottom:0}
.Intelligent_pumpingfooterright>div{float:left}
.Intelligent_pumpingfooterright{position: absolute;clear:both;display:inline-block;top:8px;right:15px}
.Intelligent_pumpingfooterright input{width: 60px; height: 32px; border: 1px solid #ddd;padding: 5px 10px;text-align:center}
.Intelligent_pumpingfooterright>div:last-child{padding-left:15px;border-left:1px solid #Ddd;margin-left:15px;}
.Intelligent_pumpingfooterright .btn{color:#666}





.question_info{width:1140px;margin:0 auto;
  header{background-color: #fff; position: relative; height: 24px; padding: 15px; line-height: 24px;
    .question_info_nav_head_left>li{float:left;margin-right:20px;color:#999;cursor:pointer}
    .question_info_nav_head_fenlei{color:#333}
    .question_info_nav_head_left>li i{margin-right:10px;}
    .question_info_nav_head_right{ position:absolute;top:15px;right:0;color:#333;line-height:24px;font-size:12px;}
    .question_info_nav_head_right span{color:$maincolor}
  }
  section{position: relative;
  
    .question_info_section_right{position:absolute;right:0;width:340px;top:20px;}
    .question_info_section_right_layout1{background-color:#fff;position:relative;padding:15px;border-radius:3px;}
    .question_info_section_right_layout1 i{color:#666}
    .question_info_section_right_layout1_time{position:absolute;top:15px;right:15px}
    .question_info_section_right_body{position:fixed;width:340px;}
    .question_info_section_right_layout1 span{font-size:18px;}
    .question_info_section_right_layout2{margin-top:20px;background-color:#fff;display: inline-block;    width: 100%;    border-radius: 3px;}
    .question_info_section_right_layout2>div{border-right:1px solid #eee;line-height: 22px;width:33%;color:#666;padding:15px 0;text-align:center;float:left;background-color:#fff;cursor: pointer;}
    .question_info_section_right_layout3_title{padding:15px;background-color:#f8f8f8;border-bottom:1px solid #ddd;}
    .question_info_section_right_layout3{background:#fff;margin-top:20px;border-radius: 3px;overflow: hidden;}
    .question_info_section_right_layout3_body_title{padding:15px 15px 0;}
    .question_info_section_right_layout3_body ul {padding:15px;max-height:300px;overflow:auto}
    .question_info_section_right_layout3_body ul li{color:#666;cursor:pointer;background-color: #ecebeb;border:1px solid #ecebeb; float: left; margin-bottom: 5px; margin-right: 5px; width: 31px; text-align: center; padding: 5px 0; border-radius: 6px;} 
    .question_info_section_right_layout3_body ul li:hover{border:1px solid $maincolor}
    .question_info_section_right_layout3_footer{box-sizing: border-box;background-color: #f8f8f8; padding: 15px; width: 100%; clear: both; display: inline-block;}
    .question_info_section_right_layout3_footer>div{float:right;margin-left:10px;}
    .question_info_section_right_layout3_footer_ti{position: relative; top: 1px;float:right;width:14px;height:14px;background-color:#ecebeb;border-radius:3px;border:1px solid #ecebeb} 
    .question_info_section_right_layout3_zhengque{background-color:#339966 !important;color:#fff !important;border:1px solid #339966 !important}
    .question_info_section_right_layout3_cuowu{background-color:#ff6666  !important;color:#fff !important;border:1px solid #ff6666 !important}
    .question_info_section_right_layout3_dangqian{border:1px solid $maincolor !important}
    .checkedInput { background-color: #eaf5ff !important; }
    .exam_result li:hover{ background-color: #eaf5ff !important; transition:$transition;cursor:pointer}
    .question_info_section_left{width: 780px;     position: absolute}
    .question_info_section_left_exam{width:100%;background: #fff; margin-top: 20px; position: relative; padding: 15px 0; box-sizing: border-box; border-radius: 3px;}
    .exam_Title{padding-bottom:15px;font-size:16px !important;}
    .exam_Title span{color:#999;margin-right:10px;}
    .exam_result li {padding: 12px 15px;cursor:pointer }
    .examContext div, .examContext li, .examContext label {font-size: 11pt; color: #555555; letter-spacing: 1px; }
    .activeQuetion .exam_result li {display: block; }
    .activeQuetion .exam_result label {display: block; cursor:pointer}
    .activeQuetion .exam_result input {float: left;cursor:pointer }
    .activeQuetion .exam_result textarea {width: 100%; height: 100px; border-radius:4px;border: 1px solid #CCC;resize:none;margin-left:-15px;padding:10px;background:#f7f7f7 }
    .activeQuetion .exam_result textarea[placeholder]{color:#666}
    .exam_result.ques_context_jianda li:hover{background-color:transparent !important}
    .activeQuetion .exam_result input[type="checkbox"],.activeQuetion .exam_result input[type="radio"]{    position: relative; top: 2px; margin-right: 7px;}
    .question_info_exam_btn{position:relative;margin-top:30px;padding:0 15px;}
    .btnContainer .btn{background-color:#fff;border:1px solid #ddd;color: #777; font-size: 16px; line-height: 15px; padding: 12px 30px;margin-right:20px;transition:$transition}
    .btnContainer .btn:hover{background-color:$maincolor;border:1px solid $maincolor;color:#fff;transition:$transition}
    .promptContext{position:absolute;right:0px;top:0}
    .promptContext>div{float:left;color:$maincolor;cursor:pointer;margin-right:20px;margin-top:5px;}
    .ei_Container{padding:0 15px;}
    .question_info_exam_op{padding:15px;border-top:1px solid #ddd;margin-top:20px;}
    .question_info_exam_op_Result_body{position:relative;clear: both; display: inline-block;padding-bottom:15px;color:#666}
    .question_info_exam_op_Result_body>div{float:left;margin-right:30px;}
    .question_info_exam_op_difficulty{padding-bottom:15px;color:#666}
    .question_info_exam_op_Discription{color:#666}
    .question_info_exam_op_Result_body .question_info_exam_op_Result_dui .iconfontdui{color:#ff6666;margin-left:10px;}
    .question_info_exam_op_Result_body .question_info_exam_op_Result_dui .iconfontcuo{display:none}
    .question_info_exam_op_Result_body .question_info_exam_op_Result_cuo .iconfontcuo{color:#339966;margin-left:10px;}
    .question_info_exam_op_Result_body .question_info_exam_op_Result_cuo .iconfontdui{display:none}
    .question_info_exam_op_Result i{color:#339966;margin-right:5px;}
    .question_info_section_left_pinglun{position:relative;padding-bottom:100px;}
    .question_info_section_left_pinglun_main{background-color:#fff;border-radius:3px;overflow:hidden;margin-top:20px;}
    .question_info_section_left_pinglun_main_title{padding: 15px; background-color: #f8f8f8; border-bottom: 1px solid #ddd;}
    .question_info_section_left_pinglun_footer{background-color:#fff;border-radius:3px;overflow:hidden;width:100%;position: absolute;bottom:0;margin-bottom:20px;padding:15px;box-sizing:border-box}
    .question_info_section_left_pinglun_footer_right{}
    .question_info_section_left_pinglun_footer .personal-avatar-logo{position: absolute;left:15px;}
    .question_info_section_left_pinglun_main_body{padding:15px;}
    .question_info_section_left_pinglun_main_body li{position: relative;margin-bottom:15px;}
    .question_info_section_left_pinglun_main_body li:last-child{margin-bottom:0}
    .personal-avatar-logo{border-radius:50%;width:40px;}
    .question_info_section_left_pinglun_main_right{padding-left:55px;position: absolute;top:0;left:0;width:100%;box-sizing: border-box;    width: 100%;}
    .question_info_section_left_pinglun_main_right_txt{color: #666; min-height: 24px; margin-bottom: 5px;}
    .question_info_section_left_pinglun_main_right_name-time .question_info_section_left_pinglun_main_right_name{color:$maincolor;font-size:12px;margin-right:30px;}
    .question_info_section_left_pinglun_main_right_name-time .question_info_section_left_pinglun_main_right_time{color:#999;font-size:12px;}
    .question_info_section_left_pinglun_footer_right{padding-left:50px;}
    .question_info_section_left_pinglun_footer_right_txt{margin-right:90px;}
    .question_info_section_left_pinglun_footer_right_txt textarea{width: 100%; resize: none; border: 1px solid #ddd; padding: 5px 12px; line-height: 23px; display: inline-block; height: 35px; border-radius: 3px; }
    .question_info_section_left_pinglun_footer_btn{position: absolute;right:15px;    padding: 6px 22px;top:15px;border:1px solid $maincolor;background-color:$maincolor;color:#fff;}
    .ques_Context_bxingti .ques_Context2{clear:both}
    .ques_Context_bxingti .ques_Context2 .exam_result{clear:both;display: inline-block;}
    .ques_Context_bxingti .ques_Context2 .exam_result li{float:left;width:auto;padding-left: 40px; position: relative;}
    .exam_result_bxingti {padding-left:20px;line-height:35px;margin-bottom:10px;}
    .ques_Context_bxingti.activeQuetion .exam_result .ques_Context2  textarea{height:52px;}
    .ques_Context_bxingti.activeQuetion .exam_result .ques_Context2 input{position: absolute !important; left: 15px; top: 12px !important;}
    .ques_Context_paixu.activeQuetion .exam_result li{position: relative}
    .ques_Context_paixu.activeQuetion .exam_result li i{position: absolute;top:10px;left:10px}
    .ques_Context_paixu.activeQuetion .exam_result li label{padding-left:20px;}
    .ques_Context_paixu.activeQuetion .exam_result li textarea{height: 42px; padding: 10px 15px; border-radius: 4px; border: 1px solid #ddd; background-color: #f4f4f4; line-height: 20px;}
    .ques_Context_paixu.activeQuetion .exam_result li:last-child:hover{background-color:transparent  !important}
    .exam_Title .exam_Title_video{width:340px;height:273px;}
    .exam_Title .exam_Title_mp3{width:100%}
    .ques_Context_img .exam_result{    display: inline-block;clear:both;    width: 100%;}
    .ques_Context_img .exam_result li{width:25%;float:left;position: relative;box-sizing: border-box;    padding:15px 30px;}
    .ques_Context_img .exam_result li img{max-width:100%}
    .ques_Context_img.activeQuetion .exam_result li label{padding-left:0;}
    .ques_Context_img.activeQuetion .exam_result  li input{position: absolute;top:50%;left:0}
  }
}
.knowledgebase_select_body{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-x: hidden; overflow-y: auto;}
.knowledgebase_select_bj{width: 100%; height: 100%; background-color: rgba(0,0,0,.5);position: absolute; top: 0; left: 0;}
.knowledgebase_select{position: relative; top: 50%; margin-top: -205px !important;font-size:12px;position: relative;background-color:#fff;width:480px;height:410px;margin:10 auto;    z-index: 9; border: 1px solid #ddd; border-radius: 3px; overflow: hidden;
      .knowledgebase_select_head{line-height:40px;background: #f4f4f4; padding: 0 10px; color: #999999; font-size: 14px; border-bottom: 1px solid #eee; width: 100%; }
      .close{top: 7px; color: #666;}
      .knowledgebase_select_sousuo{font-size: 15px; z-index: 1; transition: box-shadow .1s ease; padding: 10px;}
      .knowledgebase_select_sousuo .input-group {position: relative; height: 34px; width: 100%; }
      .knowledgebase_select_sousuo .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; border: 1px solid #ccc; padding: 6px 12px; }
      .knowledgebase_select_sousuo .input-group-addon {transition: all 0.3s ease 0s; position: absolute; right: 0; top: 0; z-index: 2; line-height: 34px; width: 30px; text-align: center; cursor: pointer; }
      .knowledgebase_select_titlehistory{line-height:35px;box-sizing: border-box;border-top:1px solid #ddd;padding:0 10px ;height:37px;border-bottom:1px solid #ddd;position:relative}
      .knowledgebase_select_mcpx{color:#666;width:90px;position: absolute;top:0;right:110px;font-size:12px;border-left:1px solid #ddd;     text-align: center}
      .knowledgebase_select_mcpx:hover{color:$maincolor;transition:$transition;}
      .knowledgebase_select_mcpx i{color:#666;margin-right: 3px}
      .knowledgebase_select_newwjj i{color: #ffba00;margin-right: 3px}
      .knowledgebase_select_newwjj{position: absolute;top:0;right:0;width:110px;border-left:1px solid #ddd;color:#666;text-align: center;font-size:12px;}
      .knowledgebase_select_newwjj:hover{color:$maincolor;transition:$transition;}
      .knowledgebase_select_titlehistory_back{width:255px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:12px;}
      .knowledgebase_select_titlehistory_back a{color:$maincolor;text-decoration:none;margin:0 5px;font-size:12px;}
      .knowledgebase_select_titlehistory_back span{color:$maincolor;}
      .knowledgebase_select_titlehistory_back a:first-child{margin-left:0}
      .knowledgebase_select_titlehistory_back a:last-child{color:#333}
      .knowledgebase_select_main{height: 278px;}
      .knowledgebase_select_mainul{display: inline-block;padding:0 10px; width: 100%; height: 100%; overflow: auto;padding: 0 10px; box-sizing: border-box;}
      .knowledgebase_select_thumbnailtext{height: 32px; font-size: 12px; margin-top: 5px;color:#666}
      .knowledgebase_select_thumbnail{width:75px;float:left;text-align: center;margin-top:10px;border: 1px solid transparent; box-sizing: border-box;border-radius:4px;cursor: default;padding: 5px}
      .knowledgebase_select_thumbnail:hover{border:1px solid $maincolor;background-color: #f7fafd}
      .knowledgebase_select_mcpx_dropdown{width: auto; right: 73px; box-shadow: 1px 1px 7px 2px #eee; top: 35px; border: 0; }
  }

  .knowledgebase_select_move_body{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-x: hidden; overflow-y: auto;}
  .knowledgebase_select_move_bj{width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0;}
  .knowledgebase_select_move_thumbnailtext.biaoqianfirst{max-width:77px !important;width:auto !important}
  .knowledgebase_select_move_thumbnailtext.biaoqiansecond{max-width:72px !important;width:auto !important}
  .knowledgebase_select_move_thumbnailtext.biaoqianthird{max-width:67px !important;width:auto !important}
  .knowledgebase_select_move_thumbnail img{max-width:100%}
  .knowledgebase_select_move_thumbnail_zanwuwenjian{width:100% !important;background: transparent !important;}
  .knowledgebase_select_move{position: relative; top: 50%; margin-top: -230px !important;font-size:12px;position: relative;background-color:#fff;width:840px;height:460px;margin:10px auto;    z-index: 9;  border-radius: 3px; overflow: hidden;
      .knowledgebase_select_move_liebiaonamemain .knowledgebiaoqianyuan {position: relative; left: 0px; top: 0px; float: left; max-width: 31px; height: 30px; margin-right: 0; }
      .knowledgebase_select_move_liebiaonamemain .knowledgebiaoqianyuan .icon{left: 0px;top: 0px;width:1.6em;height:1.6em}
      .knowledgebase_select_move_liebiaonamemain .knowledgebiaoqianyuan .icon:first-child{z-index: 9;position: relative;}
      .knowledgebase_select_move_liebiaonamemain .knowledgebiaoqianyuan .icon:nth-child(2){top: 0;left: 0px;z-index: 8;position: relative; margin-left: -14px; z-index: 8;}
      .knowledgebase_select_move_liebiaonamemain .knowledgebiaoqianyuan .icon:nth-child(3){top: 0;left: 0px;z-index: 7;position: relative; left: 0; margin-left: -14px;}
      .knowledgeright-header-right_paixu.dropdown-menu{top:55px;}
      .knowledgebase_select_move_head{line-height:40px;background: #f4f4f4; padding: 0 10px; color: #999999; font-size: 14px; border-bottom: 1px solid #eee; width: 100%;     box-sizing: border-box;}
      .close{top: 7px; color: #666;}
      .knowledgebase_select_move_sousuo{position: relative;font-size: 15px; z-index: 15;padding: 10px;}
      .knowledgebase_select_move_sousuo .input-group {position: relative; height: 34px; width: 480px; }
      .knowledgebase_select_move_sousuo .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; border: 1px solid #ccc; padding: 6px 12px; }
      .knowledgebase_select_move_sousuo .input-group-addon {transition: all 0.3s ease 0s; position: absolute; right: 0; top: 0; z-index: 2; line-height: 34px; width: 30px; text-align: center; cursor: pointer; }
      .knowledgebase_select_move_titlehistory{line-height:35px;box-sizing: border-box;border-top:1px solid #ddd;padding:0 10px ;height:37px;border-bottom:1px solid #ddd;position:relative}
      .knowledgebase_select_move_mcpx{line-height: 53px;color:#666;cursor:pointer;width:120px;position: absolute;top:0;right:120px;font-size:12px;border-left:1px solid #ddd;text-align: center;}
      .knowledgebase_select_move_mcpx:hover{color:$maincolor;}
      .knowledgebase_select_move_mcpx i{color:#666;margin-right: 3px}
      .knowledgebase_select_move_newwjj i{color: #ffba00; margin-right: 3px}
      .knowledgebase_select_move_newwjj{line-height: 53px;cursor:pointer;position: absolute;top:0;right:0;width:120px;border-left:1px solid #ddd;color:#666;text-align: center;font-size:12px;}
      .knowledgebase_select_move_newwjj:hover{color:$maincolor;font-size:12px;}
      .knowledgebase_select_move_titlehistory_back{width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:12px;}
      .knowledgebase_select_move_titlehistory_back a{color:$maincolor;text-decoration:none;margin:0 5px;font-size:12px;}
      .knowledgebase_select_move_titlehistory_back span{color:$maincolor;cursor:pointer}
      .knowledgebase_select_move_titlehistory_back >span:last-child>span:last-child {color: #999;cursor:default }
      .knowledgebase_select_move_titlehistory_back a:first-child{margin-left:0}
      .knowledgebase_select_move_titlehistory_back a:last-child{color:#333}

      .knowledgebase_select_move_footer{height:50px;text-align:right;padding:8px 15px;z-index:15;margin:0 auto;width:100%;box-sizing: border-box;border-top:1px solid #ccc;}
      .knowledgebase_select_move_footerform{position:relative;margin:0;text-align:right}
      .knowledgebase_select_move_btn_loading{ position: absolute; right: 275px; top: 10px;}

      .knowledgebase_select_move_footerform .btn{ margin-left:10px;padding:6px 30px;}
        .knowledgebase_select_move_footerform  button.btn[disabled],.knowledgebase_select_move_footerform button.btn[disabled]:hover {color: #333 !important; background: #eee !important;border:1px solid #ddd !important;}

      .knowledgebase_select_move_footerform .btn.knowledgebase_select_move_btn{background-color:$maincolor;color:#fff;transition:$transition;}
      .knowledgebase_select_move_footerform .btn.knowledgebase_select_move_btn:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .knowledgebase_select_move_footerform .btn.knowledgebase_select_move_quxiao_btn{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .knowledgebase_select_move_footerform .btn.knowledgebase_select_move_quxiao_btn:hover{background-color:$maincolor;color:#fff;transition:$transition;}
      .knowledgebase_select_move_btn_fzdzml {background: #fff; border-color: $maincolor; color: $maincolor; position: absolute; left: 0; top: 0; transition:$transition;}
      .knowledgebase_select_move_btn_fzdzml:hover{background-color:$maincolor;color:#fff;border:1px solid transparent;transition:$transition;}
      .knowledgebase_select_move_main{height: 277px;}
      .knowledgebase_select_move_mainul{display: inline-block;padding:0 10px; width: 100%; height: 100%; overflow: auto;padding: 0 10px; box-sizing: border-box;}


      .knowledgebase_select_move_thumbnail{margin-right: 7px;position: relative;width:109px;float:left;text-align: center;margin-top:10px;border: 1px solid transparent; box-sizing: border-box;border-radius:4px;cursor: pointer;padding: 5px}
      .knowledgebase_select_move_thumbnail:hover{border:1px solid transparent;/*background-color: #f7fafd;*/background-color:#eee}
      .knowledgebase_select_move_mcpx_dropdown{width: 130px; box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);border: 1px solid #ddd; top: 54px; z-index: 999; text-align: left; left: 0;}
      .knowledgebase_select_checkbox{width:5%;align-self:center;-webkit-align-self: center;text-align:center}
      .liebiaocheck-box{display: none;z-index: 1;position: absolute; top: 4px; left: 5px;border:0;cursor: pointer; text-align: center; border-radius: 50%;width: 20px; height: 20px; }
     
      .knowledgebase_select_move_thumbnail:hover .liebiaocheck-box{display:block !important;background: #99cfff; color: #fff;}
      .knowledgebase_select_move_thumbnail:hover .liebiaocheck-box .iconfont{line-height:20px;}
      .knowledgebase_select_move_thumbnail.selected .liebiaocheck-box{transition: 0s linear all;display:block;background: $maincolor !important;display: block;}
      .knowledgebase_select_move_thumbnail.selected {border:1px solid $maincolor;background-color:#eee;}
      .liebiaocheck-box .iconfont{margin-right:0;line-height:20px;font-size:12px;color:#fff;display:block}

      .knowledgebase_select_move_qbbq .dropdown-menu{top: 54px; z-index: 99; left: 0px;width: 125px;}
      .knowledgebase_select_move_qbbq .dropdown-menu li{line-height:35px; position: relative;height: 35px;}
      .knowledgebase_select_move_qbbq .knowledgebiaoqianyuan {position: relative; left: 0; top: 0px; width: 27px; }
      .knowledgebase_select_move_qbbq .icon{height: 1.8em; width: 1.8em; position: relative; top: 5px;}
      .knowledgebase_select_move_qbbq .biaoqianname {position: absolute; padding-left: 28px; width: 110px; box-sizing: border-box; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
      .knowledgebase_select_move_qbbq .knowledgebiaoqianyuan .icon {height: 1.6em;width: 1.6em;position: relative;top: 4px;}
      .knowledgebase_select_move_qbbq{line-height: 53px; color: #666; cursor: pointer; width: 100px; position: absolute; top: 0; right: 240px; font-size: 12px; border-left: 1px solid #ddd; text-align: center;}
      .knowledgebase_select_move_qbbq .knowledgewjsxkkbiaoqianadd{margin-top: -52px; width: 100px; color: transparent;}
      .knowledgebase_select_move_liebiaobiaoqianmian .knowledgebiaoqianyuan{position: relative; left: 0px; top: 0px; float: left; max-width: 31px; height: 30px; margin-right: 0;}
      .knowledgebase_select_move_liebiaobiaoqianmian .knowledgebiaoqianyuan .icon{left: 0px;top: 0px;width:1.6em;height:1.6em}
      .knowledgebase_select_move_liebiaobiaoqianmian .knowledgebiaoqianyuan .icon:first-child{z-index: 9;position:absolute}
      .knowledgebase_select_move_liebiaobiaoqianmian .knowledgebiaoqianyuan .icon:nth-child(2){top: 0;left: 6px;  z-index: 8;position:absolute}
      .knowledgebase_select_move_liebiaobiaoqianmian .knowledgebiaoqianyuan .icon:nth-child(3){top: 0;left: 12px;  z-index: 7;position:absolute}
      .knowledgebase_select_move_liebiaobiaoqianmian {position: relative; left: 0px; top: 0px; float: left; max-width: 31px; height: 30px; margin-right: 0;}
      .knowledgebase_select_move_thumbnailtext {max-height: 35px; overflow: hidden; width: 100%; box-sizing: border-box; float: left; word-break: break-all;}
      .knowledgebase_select_move_liebiaonamemain{float: left;width: 100%;}
      .knowledgebase_select_move_liebiaoname{width: 100%; height: 36px; display: inline-flex;}
      .knowledgebase_select_move_liebiaonamebody{max-width: 100%; text-align: center; white-space: normal; overflow: hidden; margin: 5px auto 0;}
      .knowledgebase_select_move_mcpx .icon{color:#666;margin-right: 3px;width: 1.8em;height: 1.8em;position: relative;top: 3px;}
      .knowledgebase_select_move_newwjj .icon{color: #ffba00; margin-right: 3px;width: 1.8em;height: 1.8em;position: relative;top: 5px;}
      .knowledgebase_select_move_qbbq .knowledgewjsxkkbiaoqianbody >div{margin:0 auto}
}

.knowledgexjwjylbodymain{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
.knowledgexjwjylbodymainbj{width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0;}
.knowledgexjwjyl{left: 50%; margin-left: -460px; position: relative; top: 0; padding: 50px 0;width: 920px; box-sizing: border-box;height: 100%;}
.knowledgexjwjylbody {background-color: #fff; border-radius: 3px;max-height: 100%; }
.knowledgexjwjylmain{overflow-y: auto;overflow-x: hidden;}
.knowledgexjwjylbodytitle {position: relative; padding: 10px 15px; font-size: 18px; color: #333; border-bottom: 1px solid #ddd; } 
.knowledgexjwjylbodytitle .knowledgexjwjylbodytitleright{position: absolute; top: 10px; cursor: pointer; right: 40px; font-size: 16px; border-right: 1px solid #ddd; padding-right: 10px; color: #666;}
.knowledgexjwjylbodytitle .knowledgexjwjylbodytitleright>div {float:left; padding: 0 8px; color:#999}
.knowledgexjwjylbodytitle .knowledgexjwjylbodytitleright i{width: 1.1em;height: 1.1em;position: relative;top: 2px;}
.knowledgexjwjylbodytitle .close{top: 8px; right: 8px;}
.knowledgexjwjylbodytitle_name{ white-space: nowrap; overflow: hidden;text-overflow:hidden;width:640px;}
.knowledgexjwjylmain iframe{min-height:360px;width:100%;box-sizing:border-box;border:0}
.knowledgexjwjylmain video{min-height:360px;width:100%;box-sizing:border-box;border:0}
.knowledgexjwjylmain .knowledgewenjianyulan{align-items:center; align-self:center;display:flex;min-height:360px;width:100%;box-sizing:border-box;border:0}
.knowledgexjwjylmain .knowledgewenjianyulan.knowledgewenjianyulanvideo{background: #000; background-image: url(/images/train/videomp3_bj.jpg); background-repeat: no-repeat; background-size: 100% 100%;}
.knowledgexjwjylmain .knowledgewenjianyulan.knowledgewenjianyulanzip{background-color:#eee}
.knowledgewenjianzip{box-shadow:1px 1px 10px 1px #ccc;width:270px;margin:0 auto;border-radius:5px;}
.knowledgewenjian_top{padding:45px 0 25px 0;text-align: center;background-color:#fff;}
.knowledgewenjian_topimg{margin:0 auto}
.knowledgewenjian_topliexing{color:$maincolor;margin-top:8px;}
.knowledgewenjian_bottom{cursor:pointer;background-color:$maincolor;color:#fff;line-height:45px;;text-align:center}
.knowledgexjwjylmain .knowledgewenjianyulan img{max-width:100%;max-height:100%;margin: 0 auto;}
.knowledgewenjianyulanimg{overflow:auto;background-color:#d9d9d9;}


.communicationtop{width: 1170px;height: 30px; margin: 10px auto;color: #666;line-height: 30px;padding:0 15px;box-sizing: border-box;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
  .communicationtopl{height:32px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .communicationzwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .communicationtopr{font-size: 12px;height:32px;position:relative;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
}
.communicationtopr{
      .caret{margin-left:15px;}
      .communicationcztimefw{border:1px solid #ddd;margin:0 15px; background-color:#fff;padding:0 10px;cursor:pointer}
      .communicationczpeople{border:1px solid #ddd; background-color:#fff;padding:0 10px;margin-right:15px;cursor:pointer}
      .communicationczfsxs{border:1px solid #ddd; background-color:#fff;padding:0 10px;margin-right:15px;cursor:pointer}
      .communicationqrsx{border:1px solid #ddd; background-color:#fff;padding:0 10px;margin:0 0 0 15px;cursor:pointer;transition:$transition}
      .communicationqrsx i{margin-right:10px;color:#666}
      .communicationqrsx:hover{border:1px solid $maincolor;color:$maincolor;transition:$transition}
      .communicationqrsx:hover i{color:$maincolor;transition:$transition}
      .communicationczcxnr{width:230px;padding:0 10px;border:1px solid #fff;transition:$transition}
      .communicationczcxnr:focus{ outline-color:$maincolor;border:1px solid $maincolor;transition:$transition; }
      .communicationzwf {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
      .communicationczfsxsgroup ul{clear:both;margin-top:0px;width:98px;box-shadow:0px 1px 7px 3px #ccc;position:absolute;top:32px;right:388px;z-index:99;color:#666666;background-color:#fff}
      .communicationczfsxsgroup ul li{padding:0 10px;cursor: pointer;transition:$transition;border-radius:3px;overflow:hidden;line-height:30px;color:#666;}
      .communicationczfsxsgroup ul li:hover{transition:$transition;background:#eee}
      .communicationczfsxsgroup ul li.active{transition:$transition;background:#eee}
}
.communicationbottom{width:1170px;padding:0 15px;margin:0 auto;box-sizing: border-box;position:relative;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; 
      .communicationmainlb{width:100%;}
      .communicationmainlbul{background-color:#fff;border: 1px solid #ddd;overflow: hidden;min-height:560px;   border-radius: 3px;}
      .communicationmainlbul li:last-child{border-bottom:0}
      .communicationmainlbli{cursor:pointer;border-bottom:1px solid #ccc;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction:row; -ms-flex-direction: row; flex-direction: row;   }
      .communicationmainlbli:hover{ background-color:#e5f0f8; transition:$transition}
      .communicationmainlbli:first-child>div{font-size:14px;color:#999;cursor: auto;}
      .communicationmainlbli:first-child .communicationlbcheckbox{border-bottom:1px solid #ccc}
      .communicationmainlbli:first-child:hover{background-color:#fff;transition:$transition;border-bottom:1px solid #ccc;}
      .communicationmainlbli:first-child:hover .communicationlbcheckbox{border-bottom:1px solid #ccc}
      .communicationmainlbli{transition:$transition;color:#333}
      .communicationmainlbli:first-child{cursor: inherit;border-bottom:1px solid #ccc !important;}
      .communicationlbcheckbox{align-self:center;-webkit-align-self: center;width:50px;height:50px;margin-bottom: -1px;border-bottom: 1px solid #fff;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:45px;display: -webkit-flex; display: -ms-flexbox; display: flex;}
      .communicationlbcheckbox input{position:relative;top:17px;left:17px;}
      .communicationlbname{align-self:center;-webkit-align-self: center;width:200px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; }
      .communicationlbczr{align-self:center;-webkit-align-self: center;padding: 5px 0;width:240px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:40px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  }
      .communicationlbczr_name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:190px;}
      .communicationlbczr img{width:36px;height:36px;margin:2px 10px 2px 0;border-radius:50px;}
      .communicationlbczrr{width:140px;align-self:center;-webkit-align-self: center;line-height:20px;max-height:40px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
      .communicationlbczr_yx{color:#999;font-size:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:190px;}
      .communicationlbczr_name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
      .communicationlbcount{align-self:center;-webkit-align-self: center;width:140px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; }
      .communicationlbtxt{ position:relative;flex-wrap: wrap;align-self:center;-webkit-align-self: center;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;  }
      .communicationmainlbli:hover{border-bottom:1px solid #e5f0f8}
      .communicationmainlbli:hover .communicationlbcheckbox{border-bottom:1px solid #e5f0f8}
      .communicationlbtime{align-self:center;-webkit-align-self: center;width:120px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  }
      .communicationlbtimerq{color:#999;font-size:12px;}
      .communicationlbtxt .duanxin{color:#fd5555}
      .communicationlbtxt .zhanneixin{color:$maincolor;margin-left:10px;}
      .communicationlbtxt .youxiang{color:#6fc743;margin-left:10px;}
}

.communicationrwxqtop{width: 1170px;height:30px;margin: 10px auto;color: #666;line-height: 30px;padding:0 15px;box-sizing: border-box;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
    .caret{margin-left: 15px; position: absolute; top: 13px; right: 10px;}
    .communicationrwxqtopl{height:32px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .communicationrwxqzwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
    .communicationrwxqtopr{height:32px;position:relative;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}

}
.communicationrwxqtopr{
      .communicationrwxqczfsxs{border:1px solid #ddd; background-color:#fff;padding:0 10px;cursor:pointer;width:101px;position: relative;   box-sizing: border-box}
      .communicationrwxqczfsxsgroup ul{clear:both;margin-top:0px;width:98px;box-shadow:0px 1px 7px 3px #ccc;position:absolute;top:32px;right:2px;z-index:99;color:#666666;background-color:#fff}
      .communicationrwxqczfsxsgroup ul li{padding:5px 10px;cursor: pointer;transition:$transition;border-radius:3px;overflow:hidden;line-height:22px;color:#666;}
      .communicationrwxqczfsxsgroup ul li:hover{transition:$transition;background:#eee}
      .communicationrwxqczfsxsgroup ul li.active{transition:$transition;background:#eee}

      .communicationrwxqczsjry{border:1px solid #ddd; background-color:#fff;padding:0 10px;cursor:pointer;margin-right:15px;}
      .communicationrwxqczsjrygroup ul{clear:both;margin-top:0px;width:98px;box-shadow:0px 1px 7px 3px #ccc;position:absolute;top:32px;right:118px;z-index:99;color:#666666;background-color:#fff}
      .communicationrwxqczsjrygroup ul li{padding:5px 10px;cursor: pointer;transition:$transition;border-radius:3px;overflow:hidden;line-height:22px;color:#666;}
      .communicationrwxqczsjrygroup ul li:hover{transition:$transition;background:#eee}
      .communicationrwxqczsjrygroup ul li.active{transition:$transition;background:#eee}
      .communicationrwxqczfszt{width:101px;position: relative;box-sizing: border-box;border:1px solid #ddd; background-color:#fff;padding:0 10px;cursor:pointer;margin-right:15px;}
      .communicationrwxqczfsztgroup ul{clear:both;margin-top:0px;width:98px;box-shadow:0px 1px 7px 3px #ccc;position:absolute;top:32px;right:234px;z-index:99;color:#666666;background-color:#fff}
      .communicationrwxqczfsztgroup ul li{padding:5px 10px;cursor: pointer;transition:$transition;border-radius:3px;overflow:hidden;line-height:22px;color:#666;}
      .communicationrwxqczfsztgroup ul li:hover{transition:$transition;background:#eee}
      .communicationrwxqczfsztgroup ul li.active{transition:$transition;background:#eee}

      .communicationsjpeople{border:1px solid #ddd; background-color:#fff;    margin-right: 15px;padding:0 10px;cursor:pointer;width:101px;position: relative;   box-sizing: border-box}


}

.communicationrwxqbottom{width:1170px;padding:0 15px;margin:0 auto;box-sizing: border-box;position:relative;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
        .communicationrwxqlb{width:100%;}
        .communicationrwxqlbul{background-color:#fff;min-height:560px;border-radius:4px;overflow:hidden;border:1px solid #ddd;}
        .communicationrwxqlbul li:last-child{border-bottom:0} 
        .communicationrwxqlbli{ cursor:pointer;border-bottom:1px solid #ccc;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction:row; -ms-flex-direction: row; flex-direction: row;   }
        .communicationrwxqlbli:first-child>div{font-size:12px;color:#999;font-weight:bold;cursor: auto;}
        .communicationrwxqlbli:first-child .communicationrwxqlbcheckbox{border-bottom:1px solid #ccc}
        .communicationrwxqlbli:first-child:hover{background-color:#fff;transition:$transition;border-bottom:1px solid #ccc;}
        .communicationrwxqlbli:first-child:hover .communicationrwxqlbcheckbox{border-bottom:1px solid #ccc}

        .communicationrwxqlbli:hover{ background-color:#e5f0f8; transition:$transition}
        .communicationrwxqlbli{ transition:$transition;color:#333}
        .communicationrwxqlbcheckbox{align-self:center;-webkit-align-self: center;width:50px;height:50px;margin-bottom: -1px;border-bottom: 1px solid #fff;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:45px;display: -webkit-flex; display: -ms-flexbox; display: flex;}
        .communicationrwxqlbcheckbox input{ position:relative;top:17px;left:17px;}
        .communicationrwxqlbzt{align-self:center;-webkit-align-self: center;width:110px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .communicationrwxqlbczr{ align-self:center;-webkit-align-self: center;padding: 5px 0;width:240px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;line-height:40px;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  }
        .communicationrwxqlbczr_name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:190px;}
        .communicationrwxqlbczr img{width:36px;height:36px;margin:2px 10px 2px 0;border-radius:50%;}
        .communicationrwxqlbczrr{width:140px;align-self:center;-webkit-align-self: center;line-height:20px;max-height:40px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
        .communicationrwxqlbczr_yx{color:#999;font-size:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:190px;}
        .communicationrwxqlbczr_name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
        .communicationrwxqlbli:hover{border-bottom:1px solid #e5f0f8}
        .communicationrwxqlbli:hover .communicationrwxqlbcheckbox{border-bottom:1px solid #e5f0f8}
        .communicationrwxqlbtime{align-self:center;-webkit-align-self: center;width:120px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  }
        .communicationrwxqlbtimerq{color:#999;font-size:12px;}
        .communicationrwxqlbtxt{ position:relative;flex-wrap: wrap;align-self:center;-webkit-align-self: center;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;font-size:12px; }
        .communicationrwxqlbzt.fsztshibai i{color:#fd5555}
        .communicationrwxqlbzt.fsztyfs i{ color:#ff9b20}
        .communicationrwxqlbzt.fsztysd i{color:#6fc743}
        .communicationrwxqlbfsxs{width:115px;align-self:center;-webkit-align-self: center;color:$maincolor;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex; }

}

.communication_Set_up {width:1170px;padding:15px 25px;box-sizing: border-box;margin:15px auto;background:#fff;border:1px solid #ddd;}
.communication_Set_up_txbdsztitle{margin-bottom:20px;font-size:18px;color:#666}
.communication_Set_up_txbdszmain{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    .communication_Set_up_zwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;}
    .communication_Set_up_txbdszl{padding:15px 0 0 0;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column;}
    .communication_Set_up_txbdszbt{color:$maincolor}
    .communication_Set_up_txbd{height:1px;background-color:#ddd;margin-top:5px;width:390px;}
    .communication_Set_up_txbdszr{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .communication_Set_up_txbdsznr{padding-left:20px;margin-top:15px;color:#666;line-height:30px;}
    .communication_Set_up_txbdsz_zhxx{color:#333}
    .communication_Set_up_txbdsz_zhxx a{color:$maincolor;margin-left:10px;text-decoration: none;}
    .communication_Set_up_txbdszr>div{padding:20px 20px 10px 20px;border:1px solid #ddd;margin-left:-1px;text-align: center;color:#666;}
    .communication_Set_up_txbdszr i{font-size:26px;}
    .communication_set_up_yx i{color:#339966}
    .communication_set_up_qyyx i{color:#ffbb66}
    .communication_set_up_dx i{color:#ff6666}
    .communication_set_up_znx i{color:$maincolor}
    .communication_Set_up_fsfs>div{margin-bottom:5px;font-size:16px;}
    .communication_Set_up_fsfskz>div{margin-bottom:5px;}
    .communication_Set_up_fsfskz{padding:25px 20px 10px 20px !important;cursor:pointer}
}

.communication_Set_up_txyxhszmain{display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; 
      .communication_Set_up_txyxhszl{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .communication_Set_up_zwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;}
      .communication_Set_up_txyxhszr{width:30%;border:1px solid #ddd;padding:10px;box-sizing: border-box;border-radius:5px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
      .communication_Set_up_txyxhszrnr>img{max-width:100%;}
      .communication_Set_up_txyxhszrtitle{color:#666;font-size:16px;}
}
.communication_Set_up_txyxhszfooter{color:#999;margin-top:40px;margin-bottom:20px;width:70%;}
.communication_Set_up_txyxhsztitle{margin-top:50px;font-size:16px;color:#666;margin-bottom:35px;}
.communication_Set_up_txyxhszbody{display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.communication_Set_up_txyxhszlzwf .communication_Set_up_txyxhszlnr{background-color:#eee;border:1px solid transition;font-size:30px;color:#fff;}
.communication_Set_up_txyxhszbody>div{width:160px;height:195px;margin-right:40px;background-color:#eee;    padding: 7px;border-radius:5px;box-sizing: border-box;}
.communication_Set_up_txyxhszbody{
      .communication_Set_up_txyxhszlnr{width:145px;height:140px;text-align:center;line-height:140px;background-color:#fff;border:1px solid #ddd;box-sizing: border-box;margin-top: 8px;border: 1px solid #ddd;}
      .communication_Set_up_txyxhszltitle{position:relative;height: 30px;line-height:30px;}
      .communication_Set_up_txyxhszlsjj{color:$maincolor;cursor:pointer}
      .communication_Set_up_txyxhszlpm{position:absolute;right:0;top:0;color:#666}
      .communication_Set_up_txyxhszlpm i{color:#ff9b20;display:none}


      .communication_Set_up_txyxhszlnr_icon i{font-size:50px;}
      .communication_Set_up_txyxhszlnr_icon {font-size: 50px;line-height: 60px;}
      .communication_Set_up_txyxhszlnr_text{line-height: 30px;margin-top: -18px;font-size:16px;}

      .communication_set_up_yx>div{color:#339966}
      .communication_set_up_qyyx>div{color:#ffbb66}
      .communication_set_up_dx>div{color:#ff6666}
      .communication_set_up_znx>div{color:$maincolor}
}
.communication_Set_up_txyxhszbody>div:nth-child(2) .communication_Set_up_txyxhszlpm i{display:inline-block;}

.communication_Set_up_kuozhan{height: 100%; width: 100%; position: fixed; top: 0; z-index: 1000;
      .communication_Set_up_kuozhanbj{background: rgba(0, 0, 0, .3);height:100%;width:100%;    position: absolute;}
      .communication_Set_up_kuozhanbody{position:absolute;top:0;width:100%;height:100%;padding:230px 0 0 0;box-sizing: border-box;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
      .communication_Set_up_kuozhanmain{padding:15px 0 0;width:530px;height: 342px;overflow-y: auto; overflow-x: hidden;background-color:#f6f6f6;border-radius:3px;margin: 0px auto; }
      .communication_Set_up_kuozhan_title{color:#666;position:relative;padding:0 15px;margin-bottom:15px;font-size:16px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .communication_Set_up_kuozhan_title .close{display:block !important;    top: -20px;}
      .communication_Set_up_kuozhan_main{padding:0 15px; background-color:#fff;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
      .communication_Set_up_kuozhan_footer{padding:10px 15px; background-color:#fff;border-top:1px solid #ccc; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
      .communication_Set_up_kuozhan_footerform{position:relative;margin:0;text-align:right}
      .communication_Set_up_kuozhan_footerform .btn{ margin-left:10px;padding:6px 30px;}
      .communication_Set_up_kuozhan_footerform .btn.queding{background-color:$maincolor;color:#fff;transition:$transition;}
      .communication_Set_up_kuozhan_footerform .btn.queding:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .communication_Set_up_kuozhan_footerform .btn.quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .communication_Set_up_kuozhan_footerform .btn.quxiao:hover{background-color:$maincolor;color:#fff;transition:$transition;}
      .communication_Set_up_kuozhan_ul{border:1px solid #ddd;border-radius:5px;margin:10px 0}
      .communication_Set_up_kuozhan_ul li{border-bottom:1px solid #ddd;padding:5px 15px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .communication_Set_up_kuozhan_ul li:last-child{border-bottom:0px}
      .communication_Set_up_kuozhan_ul > li input {border: 0; padding: 0 0px 0px 0px;box-shadow:0 0 0 0; width: 100%; line-height: 32px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
      .communication_Set_up_kuozhan_ul_title{width:90px;line-height:35px;padding:0 20px 0 0;text-align:right;box-sizing: border-box;color:#999 }
      .communication_Set_up_kuozhan_ul_input{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex:1 1  auto; display: -webkit-flex; display: -ms-flexbox; display: flex;}

}

.communication_Set_up_kuozhan{height: 100%; width: 100%; position: fixed; top: 0; z-index: 1000;
      .communication_Set_up_kuozhanbj{background: rgba(0, 0, 0, .3);height:100%;width:100%;    position: absolute;}
      .communication_Set_up_kuozhanbody{position:absolute;top:0;width:100%;height:100%;padding:230px 0 0 0;box-sizing: border-box;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
      .communication_Set_up_kuozhanmain{padding:15px 0 0;width:530px;height: 342px;overflow-y: auto; overflow-x: hidden;background-color:#f6f6f6;border-radius:3px;margin: 0px auto; }
      .communication_Set_up_kuozhan_title{color:#666;position:relative;padding:0 15px;margin-bottom:15px;font-size:16px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .communication_Set_up_kuozhan_title .close{display:block !important;    top: -10px;}
      .communication_Set_up_kuozhan_main{padding:0 15px; background-color:#fff;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
      .communication_Set_up_kuozhan_footer{padding:10px 15px; background-color:#fff;border-top:1px solid #ccc; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
      .communication_Set_up_kuozhan_footerform{position:relative;margin:0;text-align:right}
      .communication_Set_up_kuozhan_footerform .btn{ margin-left:10px;padding:6px 30px;}
      .communication_Set_up_kuozhan_footerform .btn.queding{background-color:$maincolor;color:#fff;transition:$transition;}
      .communication_Set_up_kuozhan_footerform .btn.queding:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .communication_Set_up_kuozhan_footerform .btn.quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .communication_Set_up_kuozhan_footerform .btn.quxiao:hover{background-color:$maincolor;color:#fff;transition:$transition;}
      .communication_Set_up_kuozhan_ul{border:1px solid #ddd;border-radius:5px;margin:10px 0}
      .communication_Set_up_kuozhan_ul li{border-bottom:1px solid #ddd;padding:5px 15px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .communication_Set_up_kuozhan_ul li:last-child{border-bottom:0px}
      .communication_Set_up_kuozhan_ul > li input {border: 0; padding: 0 0px 0px 0px;box-shadow:0 0 0 0; width: 100%; line-height: 32px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
      .communication_Set_up_kuozhan_ul_title{width:90px;line-height:35px;padding:0 20px 0 0;text-align:right;box-sizing: border-box;color:#999 }
      .communication_Set_up_kuozhan_ul_input{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex:1 1  auto; display: -webkit-flex; display: -ms-flexbox; display: flex;}

} 

.communication_Set_up_xiugaibdzh{ height: 100%; width: 100%; position: fixed; top: 0; z-index: 1000;
      .communication_Set_up_xiugaibdzhbj{background: rgba(0, 0, 0, .3);height:100%;width:100%;    position: absolute;}
      .communication_Set_up_xiugaibdzhbody{position:absolute;top:0;width:100%;height:100%;padding:230px 0 0 0;box-sizing: border-box;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
      .communication_Set_up_xiugaibdzhmain{padding:15px 0 0;width:530px;height: 204px;overflow-y: auto; overflow-x: hidden;background-color:#f6f6f6;border-radius:3px;margin: 0px auto; }
      .communication_Set_up_xiugaibdzh_title{color:#666;position:relative;padding:0 15px;margin-bottom:15px;font-size:16px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .communication_Set_up_xiugaibdzh_title .close{display:block !important;    top: -10px;}
      .communication_Set_up_xiugaibdzh_main{padding:0 15px; background-color:#fff;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
      .communication_Set_up_xiugaibdzh_footer{padding:10px 15px; background-color:#fff;border-top:1px solid #ccc; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
      .communication_Set_up_xiugaibdzh_footerform{position:relative;margin:0;text-align:right}
      .communication_Set_up_xiugaibdzh_footerform .btn{ margin-left:10px;padding:6px 30px;}
      .communication_Set_up_xiugaibdzh_footerform .btn.queding{background-color:$maincolor;color:#fff;transition:$transition;}
      .communication_Set_up_xiugaibdzh_footerform .btn.queding:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .communication_Set_up_xiugaibdzh_footerform .btn.quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
      .communication_Set_up_xiugaibdzh_footerform .btn.quxiao:hover{background-color:$maincolor;color:#fff;transition:$transition;}
      .communication_Set_up_xiugaibdzh_ul{border:1px solid #ddd;border-radius:5px;margin:10px 0}
      .communication_Set_up_xiugaibdzh_ul li{border-bottom:1px solid #ddd;padding:5px 15px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .communication_Set_up_xiugaibdzh_ul li:last-child{border-bottom:0px}
      .communication_Set_up_xiugaibdzh_ul > li input {border: 0; padding: 0 0px 0px 0px;box-shadow:0 0 0 0; width: 100%; line-height: 32px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
      .communication_Set_up_xiugaibdzh_ul_title{width:90px;line-height:35px;padding:0 20px 0 0;text-align:right;box-sizing: border-box;color:#999 }
      .communication_Set_up_xiugaibdzh_ul_input{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex:1 1  auto; display: -webkit-flex; display: -ms-flexbox; display: flex;}


}


/*----------------------------------------培训——课程-------------------------------------------------------------------*/
.train_liebioao_header{ position: relative;width: 1140px; margin: 0 auto;color: #666;height: 30px;line-height: 30px; padding: 10px 0px;
      .train_liebioao_header_right{position: absolute;right:0;top:10px;}
      .train_liebioao_header_right>div{color:$maincolor;float:left;cursor:pointer;margin-left:10px;}
      .train_liebioao_header_right>div .icon{margin-right:3px;width:1.2em;height:1.2em;position: relative;top:1px;}
      .train_liebioao_header_left>div {position: relative; float: left; margin-right: 20px;border: 1px solid #ddd; background-color: #fff; padding: 0 10px; margin-right: 15px; cursor: pointer; }
      .train_liebioao_header_left>div input{border:0;margin:0;padding:0;cursor: pointer}
      .train_liebioao_header_left_lrtimesx input{text-align:center;width: 80px;height:27px;}
      .dropdown-menu{top: 30px; right: 0; left: -1px;width: auto;min-width: 100%}
      .train_liebioao_header_left>div:first-child{border:0;background:transparent;padding-left:0}


}

.train_liebioao_main{width: 1140px; margin: 0 auto;position:relative;
      .train_liebioao_main_left{width: 209px; z-index: 5; border-radius: 3px; overflow: hidden;}
      .train_liebioao_main_left .personnel_selector{margin-right:0}
      .train_liebioao_main_left .menu{border-radius: 3px; border: 1px #ddd solid; background-color:#fff}
      .train_liebioao_main_left .menu li{ font-size: 16px; cursor: pointer; line-height: 33px;  height: 33px; padding-left: 25px;border-bottom: 1px #ddd solid;}
      .train_liebioao_main_left .menu li:hover{ background: #eee}
      .train_liebioao_main_left .menu .active{ color: $maincolor;}
      .train_liebioao_main_right{position: absolute; top: 0; right: 0; width: 920px; }
      .train_liebioao_main_right .main{border-radius: 3px; border: 1px #ddd solid; background-color:#fff; padding: 15px;}
      .train_liebioao_main_right .main h1{ font-size: 16px;font-weight: 100;margin: 5px;padding-left: 15px;border-left: 3px $maincolor solid;}
      .train_liebioao_main_right .main .main_block{ min-height:500px; line-height: 33px; /*overflow-y:scroll;overflow-x:auto;会影响tooltip显示（文件设置也）*/border-top: 1px #ddd solid;margin-top: 15px;padding: 15px;}
      .train_liebioao_main_right_main{margin:0 -10px;display: -webkit-box; overflow: hidden;min-height: 400px;}
      .train_liebioao_main_right_main li{width:25%;padding:0 10px;box-sizing: border-box;float:left;margin-top:20px;}
      .train_liebioao_main_right_header{background: #fff; padding: 10px 0;border:1px #ddd solid;border-radius:3px; }
      .train_liebioao_main_right_header_main{display: inline-block; line-height: 30px;position: relative;width: 100%; }
      .train_liebioao_main_right_header_main>div{float: left; margin-right: 20px;cursor:pointer;color:$maincolor}
      .train_liebioao_main_right_header_main>div:first-child{position: relative; height: 30px; width: 102px;color:#666}
      .train_liebioao_main_right_header_main>div:first-child .liebiaocheck-box{top:7px}
      .train_liebioao_main_right_header_main>div:first-child .liebiaocheck-box .icon{left:1px !important}
      .train_liebioao_main_right_header_main>div:first-child span{position: absolute; left: 39px; top: 0;}
      .train_liebioao_main_right_header_main>div .icon{margin-right:5px;}
      .train_liebioao_main_right_header_main>div:last-child{position: absolute;right:10px;top:0px; color:#666}
      .train_liebioao_main_right_header_main>div:last-child .icon{margin-left:3px;}

      .train_liebioao_main_thumbnail{position: relative;border-radius:3px;overflow:hidden;border:1px solid #ddd;background-color:#fff;
          .train_liebioao_main_thumbnail_img img{width:213px;height:130px;}
          .liebiaocheck-box{position: absolute; top: 7px;display:none;transition:$transition}
          .selected{display: block!important;}
          .train_liebioao_main_thumbnail_xuanfu{position: absolute;top:0;left:0;width: 100%; height: 100%;display:none;transition:$transition}
          
          .train_liebioao_main_thumbnail_img{position: relative;height: 130px;    padding: 0;}
          .train_liebioao_main_thumbnail_xuanfu_bj{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0;}
          .train_liebioao_main_thumbnail_xuanfu_main>div{cursor:pointer;color:#fff;font-size:18px;width:50%;text-align:center;float:left;transition:$transition}
          .train_liebioao_main_thumbnail_xuanfu_main>div .icon{width:2em;height:2em;}
          .train_liebioao_main_thumbnail_xuanfu_main{padding:40px 20% 0;position: relative;height:100%;width:100%;box-sizing:border-box; }
          .train_liebioao_main_thumbnail_name{height:40px;font-weight:bold;overflow:hidden;margin-bottom:5px;margin-top:15px;}
          .train_liebioao_main_thumbnail_xq{color:#666;margin-bottom:10px;font-size:12px;}
          .train_liebioao_main_thumbnail_js{color:#666;display: inline-block; width: 100%;margin-bottom:5px;font-size:12px;}
          .train_liebioao_main_thumbnail_js>div{float:right;margin-left:15px;}
          .train_liebioao_main_thumbnail_js>div:first-child{float:left;margin-left:0}
          .train_liebioao_main_thumbnail_js .icon{margin-right:3px;}
          .train_liebioao_main_thumbnail_caozuo{position: relative;color:#666;padding-bottom:15px;font-size:12px;}
          .train_liebioao_main_thumbnail_caozuo div:last-child{position: absolute;right:15px;top:0}
          .train_liebioao_main_thumbnail_caozuo div:hover{color: $maincolor; cursor: pointer;}
          .train_liebioao_main_thumbnail_caozuo .icon{margin-right:3px;}

      }
      .train_liebioao_main_thumbnail>div {padding: 0 15px;box-sizing: border-box; }
      .train_liebioao_main_right_main li.selected .train_liebioao_main_thumbnail{border:1px solid $maincolor}
      .liebiaocheck-box.selected{}
      .train_liebioao_main_right_main li:hover{
        .train_liebioao_main_thumbnail{box-shadow: 1px 26px 40px -24px rgba(0, 36, 100, 0.3);transform: translateY(-6px); transition:$transition;border-color:$maincolor }
          .train_liebioao_main_thumbnail_xuanfu{display:block;transition:$transition}
          .liebiaocheck-box{display:block;transition:$transition;z-index:2}
          .train_liebioao_main_thumbnail_xuanfu_main>div:hover{color:$maincolor;transition:$transition}

      }
      .train_liebioao_main_thumbnail.selected{border:1px solid #maincolor;}


}




/*--------------------------------------------------------------------任务列表------------------------------------------------------------------------------------*/

.traintask{
    .traintask_top{width: 1140px;position: relative;display: -webkit-box; margin: 0 auto; color: #666; line-height: 30px; padding: 10px 0px;}
    .traintask_top{
      >div{position: relative;border: 1px solid #ddd; margin-right:15px; background-color: #fff; padding: 0 10px; cursor: pointer;}
      >div .caret{margin-left:20px;}
      >div:first-child{margin-left:0;padding:0;border:1px solid transparent;background-color:transparent}
      .traintaskcztimefw input{border:0; margin: 0; background-color: #fff; padding: 0 5px; cursor: pointer;width: 70px; height: 24px;font-size:12px;}
      .traintask_top_sousuo{height:30px;width: 200px;margin-right: 15px; padding: 0 10px; transition: all 0.3s ease 0s;}
    .dropdown-menu{z-index: 1; top: 37px; width: 113px; left: 0; border: 0;}
    .dropdown-menu li .icon{margin-right:5px;font-size: 18px;}
    .traintask_top_pxjd_wks .icon{color:#ffbb66}
    .traintask_top_pxjd_jxz .icon{color:$maincolor}
    .traintask_top_pxjd_ywc .icon{color:#339966}
    .traintask_top_pxjd_all .icon{color: #999}
    .traintask_top_right{position: absolute;right:0;top:10px;background-color:transparent;border:1px solid transparent;cursor: default;}
    .traintask_top_right>div{float:left;color:$maincolor;margin-left:10px;cursor:pointer}
    .traintask_top_right>div .icon{margin-right:3px;font-size:16px;}
    }

    .traintask_main{position: relative;width: 1140px; margin: 0 auto;}
    .traintask_main_liebiaoul{background-color: #fff; border: 1px solid #ddd; min-height: 560px; border-radius: 3px;}
   
    .traintask_main_liebiao_checkbox{width:6.5%;height: 53px;border-bottom:1px solid #fff;position: relative;top:1px;z-index:3 }
    .traintask_main_liebiao_rwmc{width:21.5%;padding: 10px 5px 10px 0;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;line-height: 34px;}
    .traintask_main_liebiao_pxkstime{width:12%;padding: 10px 0;font-size:12px;display: -webkit-flex; display: -ms-flexbox; display: flex;align-self: center; -webkit-align-self: center;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
    .traintask_main_liebiao_pxjstime{width:12%;padding: 10px 0;font-size:12px;display: -webkit-flex; display: -ms-flexbox; display: flex;align-self: center; -webkit-align-self: center;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
    .traintask_main_liebiao_pxkstime_data,.traintask_main_liebiao_pxjstime_data{color:#999;}
    .traintask_main_liebiao_pxjd{width:18%;font-size:12px;padding: 10px 0;display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
    .traintask_main_liebiao_kecehngshu{font-size:12px;width:10%;padding: 10px 0;display: -webkit-flex; display: -ms-flexbox; display: flex;align-self: center; -webkit-align-self: center;align-items: center;-webkit-align-items: center;}
    .traintask_main_liebiao_pxcaozuo{width:20%;color:#999;padding: 10px 0;display: -webkit-flex; display: -ms-flexbox; display: flex;align-self: center; -webkit-align-self: center;align-items: center;-webkit-align-items: center;}
    .traintask_main_liebiaoli{display: -webkit-box;height: 55px;position: relative;}
    .traintask_main_liebiaoli:hover{background-color:#e5f0f8;transition:$transition;}
    .traintask_main_liebiaoli:hover .liebiaocheck-box{border:1px solid $maincolor}
    
    .traintask_main_liebiaoli:first-child{cursor: inherit;line-height: 40px; color: #999;}
    .traintask_main_liebiaoli:first-child .traintask_main_liebiaolinr:hover{border-bottom:1px solid #eee !important;border-top:0;}
    .traintask_main_liebiaoli:first-child .traintask_main_liebiaolinr>div{font-size:14px;}
    .traintask_main_liebiaolinr{border-bottom: 1px solid #eee; border-top: 0;width: 100%; display: -webkit-box}
    .traintask_main_liebiaoli_xiugai{visibility:hidden;position: relative; left: 44px; font-size: 20px;top: -3px;cursor:pointer;width:26px;z-index:2}
    .traintask_main_liebiaolinr:hover{transition:$transition;z-index:8;border-bottom:1px solid #e5f0f8 ;border-top:0;
      .traintask_main_liebiaoli_xiugai{ visibility:visible !important;color:$maincolor;}
      .traintask_main_liebiao_checkbox{border-bottom:1px solid transparent;position: relative;top:1px; }
    }
   
    .traintask_main_liebiaoli.selected .liebiaocheck-box{border:1px solid $maincolor;transition:$transition;background-color:#fff;}
    .traintask_main_liebiaoli.selected {background-color:#e5f0f8;transition:$transition;}
    .traintask_main_liebiaoli.selected .liebiaocheck-box .iconfont,.traintask_main_liebiaoli .liebiaocheck-box.selected .iconfont{display:block;color:$maincolor}
    .traintask_main_liebiaoli.selected .traintask_main_liebiaoli_xiugai{visible:visibility}
    .traintask_main_liebiaoli.selected .traintask_main_liebiao_rwmc{color:$maincolor}
    .traintask_main_liebiaoli.selected .traintask_main_liebiao_checkbox{border-bottom:1px solid transparent;position: relative;top:1px;}
    .traintask_main_liebiaoli.selected .traintask_main_liebiao_pxcaozuo > div:nth-child(2){color:$maincolor}

    .traintask_main_liebiao_pxcaozuo ul{width:auto;right: -80px; top: 25px;z-index: 1;}
    .traintask_main_liebiao_pxcaozuo ul li .icon{margin-right:5px;}
    .traintask_main_liebiao_pxcaozuo>div{margin-right:15px;cursor:pointer}
    .traintask_main_liebiao_pxcaozuo>div .icon{margin-right:5px;}
    .progress{height: 6px; background: #666;width: 70%;border-radius:4px; overflow: hidden;margin-top:6px;}
    .progress .progress-bar{background-color:$maincolor;height:100%}
    .traintask_main_liebiao_weikaishi  .progress .progress-bar{background-color:#ffbb66;width:100% !important}
    .traintask_main_liebiao_jinxingzhong .progress .progress-bar{background-color:$maincolor;}
    .traintask_main_liebiao_wancheng  .progress .progress-bar{background-color:#339966; width:100% !important;}

}

.train_question_list {
      .train_question_list_top{width:1140px;padding: 10px 0;margin:0 auto;position: relative; 
      >div{display:-webkit-box;color: #666;}
      .train_question_list_top_left{position: absolute;left:0;top: 20px; }
      .train_question_list_top_left .icon{font-size:18px;margin-left:5px;position: relative;top:1px}
      .toggle{height:18px;margin-top: 0;width:35px}
      .toggle .switch{right:17px;}
      .toggle .check.checked ~ .switch{left:17px;right:2px}
      .train_question_list_top_fl{display: -webkit-box; width: 300px; margin: 0 auto;}
      .train_question_list_top_fl .badge{margin-left: 4px;position: absolute; top: 4px;padding: 0 5px; font-size: 12px;background-color:$maincolor;color:#fff;border-radius:50px;}
      .train_question_list_top_fl>li{margin-right:50px;position: relative;padding: 10px 0;font-size: 16px;color:#999;cursor:pointer}
      .train_question_list_top_fl>li.active{color:#666}
      .train_question_list_top_right{position: absolute;right:0;top: 20px; display:-webkit-box}
      .train_question_list_top_right>div{color:$maincolor;margin-left:15px;cursor:pointer}
      .train_question_list_top_right>div .icon{margin-right:3px;}
      .train_question_list_top_fl>li:nth-child(2) .badge{background: #ffbb66;}
      .train_question_list_top_fl>li:nth-child(4) .badge{background: #ff6666;}


      }
      .train_question_list_main.train_question_list_main_xueyuanduan  .train_question_list_main_item_check{display:none;}
      .train_question_list_main.train_question_list_main_xueyuanduan  .train_question_list_main_item_xq{padding-left:80px !important;}
      .train_question_list_main{width:1140px;margin:0 auto;position: relative;line-height: 26px;
        .train_question_list_main_header{background-color:#fff;border-radius:3px;padding:15px;margin-top:15px;box-sizing:border-box;display:-webkit-box;
          
          >div{padding-right:20px;color:#999}
          >div .icon{font-size:18px;margin-right:3px;position: relative;top:1px;}
          .train_question_list_main_header_allselect>div{float: left; margin-right: 10px; line-height: 26px; left: 0; top: 5px;}
          .train_question_list_main_header_right{position: absolute;right:0;top:15px;display:-webkit-box;}
          .train_question_list_main_header_right_check>div{float:left;margin-right:10px;line-height:26px;left:0;top:5px;}
          .train_question_list_main_header_right_sousuo{position: relative} 
          .train_question_list_main_header_right_sousuo input{border: 0; background-color: #e4e5ec; line-height: 33px; padding: 0 30px 0 15px; position: relative; top: -3px; border-radius: 3px;}
          .train_question_list_main_header_right_sousuo .input-group-addon{position: absolute;right:5px;top:0px; }
          .train_question_list_main_header_allfenlei{width:340px;display: -webkit-box;}
          .train_question_list_main_header_allfenlei_name{color: #666; cursor: pointer;padding-right:25px;  font-size: 12px; position: relative;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 26px; height: 28px;}
          .train_question_list_main_header_allfenlei_backjiange{color: #666 !important; padding: 0 5px; cursor: pointer;font-size: 12px; max-width: 140px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 28px; height: 28px;}
          .train_question_list_main_header_allfenlei_name .icon{position: absolute; right: 0; top: 5px; font-size: 14px;}
          .train_question_list_main_header_allfenlei_nr{display:none;position: absolute; left: -1px;color: #666; box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);padding: 5px 10px; z-index: 3; top: 28px; background: #fff;    width: 200px;}
          .train_question_list_main_header_allfenlei_item{height: 30px;position: relative;padding: 0 5px;border:1px solid #eee;max-width: 140px;box-sizing: border-box;background-color:#eee;border-radius:3px;}
          .train_question_list_main_header_allfenlei_nr>div {float: left; margin-right: 10px; cursor: pointer;border-bottom:2px solid transparent;transition:$transition }
          .train_question_list_main_header_allfenlei_nr>div:hover{border-bottom:2px solid $maincolor;color:$maincolor;transition:$transition}

          .train_question_list_main_header_allfenlei_item.active {border:1px solid #eee;background-color:#fff;color:$maincolor;
            .train_question_list_main_header_allfenlei_nr{display:block !important}
            .train_question_list_main_header_allfenlei_name{color:$maincolor}

          }

      }
      .train_question_list_main_itemgroup{background-color:#fff;border-radius:3px;padding: 0 15px 15px; box-sizing: border-box;
        >ul{border-radius:3px;border:1px solid #ddd;}
        >ul >li{border-bottom:1px solid #ddd;padding:15px 15px 25px 15px;display: -webkit-box;position: relative;}
        >ul> li:last-child{border-bottom:0;}
        .train_question_list_main_item_img img{width:45px;border-radius:50%;}
        .train_question_list_main_item_img{width:55px;position: relative; text-align: center;}
        .train_question_list_main_item_name{color: #999; position: absolute; bottom: -16px; font-size: 12px; width: 100%; text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
        .train_question_list_main_item_check{width:40px;}
        .train_question_list_main_item_check .liebiaocheck-box{left:10px;top: 23px;}
        .train_question_list_main_item_xq{position: absolute; left: 0; width: 100%; padding: 0 120px;margin-top: 5px; box-sizing: border-box;}
        .train_question_list_main_item_right{position: absolute;right:15px;top:20px;}
        .train_question_list_main_item_xq_second{display: -webkit-box;color:#999;font-size:12px;}
        .train_question_list_main_item_xq_second>div{margin-right:10px;}
        .train_question_list_main_item_xq_second>div a{text-decoration:none;color:$maincolor}
        .train_question_list_main_item_xq_second>div a:hover{text-decoration:underline}
        .train_question_list_main_item_xq_second>div .icon{font-size:18px;position: relative;top:1px;margin-right:5px;}
        .train_question_list_main_item.selected .liebiaocheck-box{border:1px solid $maincolor;transition:$transition;background-color:#fff;}
        .train_question_list_main_item.selected .liebiaocheck-box .iconfont,.train_question_list_main_item .liebiaocheck-box.selected .iconfont{display:block;color:$maincolor}
        .train_question_list_main_item_xq>div{overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;}
        .train_question_list_main_item_xq_first{color:#666}
        .train_question_list_main_item_right>div .icon{margin-right:5px;font-size:18px;position: relative;top:1px; }
        .train_question_list_main_item_right_first{color:$maincolor;cursor:pointer}
        .train_question_list_main_item_right_second{color:#999}
      }



  }

}


/*-------------------------------------------------------------任务详情--------------------------------------------------------------------------*/
.traintaskxq{
      
    .traintaskxq_top{width: 1140px;position: relative;display: -webkit-box; margin: 0 auto; color: #666;line-height: 30px; padding: 10px 0px; 
      .traintaskxq_top_left{max-width:430px}
        .traintaskxq_top_right{ display: -webkit-box;position: absolute;right:0;top:10px;
                >div{position: relative;border: 1px solid #ddd; margin-right:15px; background-color: #fff; padding: 0 10px; cursor: pointer;}
                .traintaskxq_top_right_pxjd{display: -webkit-box; }
                .traintaskxq_top_right_pxjd>div{margin-left:10px;}
                .traintaskxq_top_right_pxjd>div .icon{margin-right:3px;}
                .traintaskxq_top_right_pxjd .active{color:$maincolor}
                >div .caret{margin-left:20px;}
                //>div:first-child{margin-left:0;padding:0;border:1px solid transparent;background-color:transparent}
                .traintaskcztimefw input{border:0; margin: 0; background-color: #fff; padding: 0 5px; cursor: pointer;width: 70px; height: 24px;font-size:12px;}
                .traintask_top_sousuo{height:30px;width: 215px;margin-right: 15px; padding: 0 10px; border: 1px solid #fff; transition: all 0.3s ease 0s;}
                .dropdown-menu{z-index: 1; top: 37px; width: 113px; left: 0; border: 0;}
                .dropdown-menu li .icon{margin-right:5px;font-size: 18px;}
                .traintask_top_pxjd_wks .icon{color:#ffbb66}
                .traintask_top_pxjd_jxz .icon{color:$maincolor}
                .traintask_top_pxjd_ywc .icon{color:#339966}
                .traintask_top_pxjd_all .icon{color: #999}
                .traintask_top_right{position: absolute;right:0;top:10px;background-color:transparent;border:1px solid transparent;cursor: default;}
                .traintask_top_right>div{float:left;color:$maincolor;margin-left:10px;cursor:pointer}
                .traintask_top_right>div .icon{margin-right:3px;font-size:16px;}
        }

    }
    .traintaskxq_main{width: 1140px;position: relative;margin: 10px auto 0; color: #666;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
          .traintaskxq_main_left{width: 221px; height: 100%;
              .traintaskxq_main_left_shaixuan{background-color:#fff;margin-right: 10px;width: 209px; height: 460px; z-index: 5; border-radius: 3px; overflow: hidden;}
              .traintaskxq_main_left_rwjs{width: 209px; border-radius: 3px; margin-top: 10px; height: 145px; border: 1px solid #ddd; position: relative; background-color: #fff; line-height: 24px; padding: 12px 15px; box-sizing: border-box; font-size: 12px; }
              .traintaskxq_main_left_rwjs ul li .icon{margin-right:3px;font-size:15px;position: relative; top: 1px;}
                .traintaskxq_main_left_rwjs ul li:last-child{line-height: 18px; margin-top: 3px;}
          }
          .traintaskxq_main_right{width:100%;
            .traintaskxq_main_rightul{width: 100%; background: #fff; border-radius: 3px; border: 1px solid #ddd;}
            .traintaskxq_main_rightul li{display:-webkit-box;border-bottom: 1px solid #ddd;color:#333;font-size:12px;height:55px;padding:8px 0;box-sizing:border-box;}
            .traintaskxq_main_rightul li:first-child{line-height:38px;font-size:14px;}
            .traintaskxq_main_rightul li:first-child>div{padding:0 !important}
            .traintaskxq_main_rightul li:first-child .traintask_main_liebiao_checkbox .liebiaocheck-box{top:20px;}
            .traintaskxq_main_rightul li:first-child .traintask_main_liebiao_checkbox {border-color:#ddd;}
            .traintaskxq_main_rightul li:last-child{border-bottom:0;}
            .traintask_main_liebiao_pxjd .progress{height: 6px; background: #666;width: 70%;border-radius:4px; overflow: hidden;margin-top:6px;}
            .traintask_main_liebiao_pxjd .progress .progress-bar{background-color:$maincolor;height:100%}
            .traintask_main_liebiao_weikaishi .traintask_main_liebiao_pxjd .progress .progress-bar{background-color:#ffbb66;width:100% !important}
            .traintask_main_liebiao_jinxingzhong .traintask_main_liebiao_pxjd .progress .progress-bar{background-color:$maincolor;}
            .traintask_main_liebiao_wancheng .traintask_main_liebiao_pxjd .progress .progress-bar{background-color:#339966; width:100% !important;}
                
            .traintask_main_liebiao_checkbox{width:6.5%; position: relative; top: -8px; height: 54px;border-bottom: 1px solid #fff;}
            // .traintask_main_liebiao_checkbox .liebiaocheck-box{top:13px;}
            .traintask_main_liebiao_name{width:30.5%;position: relative;display: -webkit-flex; display: -ms-flexbox; display: flex;align-self: center; -webkit-align-self: center;align-items: center;-webkit-align-items: center;}
            .traintask_main_liebiao_name_left img{width:40px;border-radius:50%;}
            .traintask_main_liebiao_name_left{width: 50px; position: absolute; left: 0;}
            .traintask_main_liebiao_name_right{width: 100%; padding-left: 50px; box-sizing: border-box;}
            .traintask_main_liebiao_name_right>div{overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;}
            .traintask_main_liebiao_name_right_email{color:#999;}

            .traintask_main_liebiao_pxjd{width:21%;padding: 4px 0;}
            .traintask_main_liebiao_lxfs{width:15%;display: -webkit-flex; display: -ms-flexbox; display: flex;align-self: center; -webkit-align-self: center;align-items: center;-webkit-align-items: center;}
            .traintask_main_liebiao_zhxx{width:13.5%;padding: 3px 0;}
            .traintask_main_liebiao_zhxx>div:last-child{color:#999;}
            .traintask_main_liebiao_khzt{width:13.5%;display: -webkit-flex; display: -ms-flexbox; display: flex;align-self: center; -webkit-align-self: center;align-items: center;-webkit-align-items: center;}
            .traintask_main_liebiaoli.selected .liebiaocheck-box{border:1px solid $maincolor;transition:$transition;background-color:#fff;top:18px}
            .traintask_main_liebiaoli.selected {background-color:#e5f0f8;transition:$transition;border-color: #e5f0f8;}
            .traintask_main_liebiaoli.selected .liebiaocheck-box .iconfont,.traintask_main_liebiaoli .liebiaocheck-box.selected .iconfont{display:block;color:$maincolor}
            .traintask_main_liebiaoli.selected .traintask_main_liebiao_checkbox{border-bottom: 1px solid #e5f0f8; z-index: 3; background: transparent;}



          }
}



}

/**********************************************新建---文档、视频、直播、线下、题库、阶段************************************************************/

 .loadbtn{display: inline-block;}
    .xuanzhuan{
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 3s linear infinite;
    -moz-animation:play 3s linear infinite;
    animation:play 3s linear infinite;
}
@-webkit-keyframes play{
    0%  {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform:rotate(0deg);
        
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0%  {
       transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
.buzhou1{ width: 360px; margin:0 auto;   float: left; text-align: left; margin-bottom: 20px; padding: 20px;  }
.buzhou1 .dayuan{font-size: 35px; background: $maincolor; width: 70px;height: 70px;border-radius: 50%; line-height: 70px; color:#fff; margin:10px auto; text-align: center; }
.buzhou1 .title{ font-weight: bold; text-align: center; font-size: 18px;  padding: 20px; }
.buzhou1 ul{ font-size: 14px; padding-left: 10px; }
@media (max-width:1200px){
    .buzhou1{float:none!important;}
}

.new_target_windows{    left: 50%;    margin-left: -300px;    position: fixed;    top: 0;    width: 600px;    height: 100%;    padding: 50px 0;    box-sizing: border-box;    -webkit-flex: 0 0 auto;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    z-index: 1000;}
.new_target_windows .ntw_content{background: #f4f4f4;position: relative; width: 600px;    overflow-y: auto;    overflow-x: hidden;    border-radius: 3px 3px 0 0;    margin: 0px auto;}
.new_target_windows .ntw_footer{padding: 8px 15px; text-align:right;   z-index: 15; text-align: right;    margin: 0 auto;    width: 600px;    box-sizing: border-box;    background-color: #fff;    border-top: 1px solid #ccc; }
.new_target_windows .title{  padding: 5px 0; }
.new_target_windows h1{color: #666;    position: relative;    padding: 0 15px;    margin-bottom: 15px;    font-size: 16px; margin: 0;margin-top: 5px; float: left;}
.new_target_windows h2{color: #666;  font-weight: 100;   position: relative;    padding: 0 15px;    margin-bottom: 15px;    font-size: 14px; margin: 0;margin-top: 5px; float: left;}
.new_target_windows h3{color: #666;  font-weight: 100;   position: relative;    padding: 0 15px;    margin-bottom: 15px;    font-size: 14px; margin: 0;margin-top: 5px; float: left; cursor: pointer;}
.new_target_windows  .title .close{ margin-right: 10px; margin-top: 10px; }
.new_target_windows .ulzu{    position: relative;    border-radius: 3px;    border: 1px solid #ddd;    background-color: #fff;
    margin-bottom: 15px; margin: 10px;}
.new_target_windows .ulzu li{padding: 5px 15px;    border-bottom: 1px solid #eee;    line-height: 32px;color: #666;
    position: relative;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;
    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row;}
.new_target_windows input{vertical-align:middle;}
.new_target_windows .ulzu li:last-child{ border: 0; }
.new_target_windows  .ulzu_right{ position: absolute; right: 0; width: 230px; background-color: #fff;border-left: 1px #ddd solid; height: 100%; top: 0; }
.new_target_windows  .ulzu_right img{ width: 210px; margin: 5px 10px; }
.new_target_windows  .link,.add { cursor: pointer; color: $maincolor;}
.new_curriculum_fmsztop{ position: relative; overflow: hidden; }
.new_curriculum_fmsztop:hover .new_curriculum_fmsztop_btn{ display: block; }
.new_curriculum_fmsztop_btn{ display: none; position:absolute; top :0px;background-color:#0f0f0f;opacity:0.6; width: 80%; height: 80%; color: #fff; padding: 10% }
.new_curriculum_fmsztop_btn div { width: 76px; float: left; text-align: center; padding: 10px 0; cursor: pointer;transition:all 0.3s linear }
.new_curriculum_fmsztop_btn div:hover{ background: #000; margin-top:2px;  }
.new_curriculum_fmsztop_btn div i{display: block; width: 48px; height: 48px; font-size: 48px; color: #fff; margin: 5px auto!important;}
.new_curriculum_fmsztop .tool_file{cursor:pointer;position:absolute;left:0;height:220px;width:155px;top:0;opacity:0}
.new_target_windows .lirbtn{    position: absolute;right: 10px;}
.new_target_windows .lirbtn span{ cursor: pointer; color: $maincolor }
.new_target_windows .lirbtn span:hover{ text-decoration: underline; }
.new_target_windows .iconfont{ margin: 0; }
.new_target_windows .touxiang{    margin: 4.9px; float: left; position: relative;border-radius: 50%;width: 40px;height: 40px;  overflow: hidden;}
.new_target_windows  .touxiang:hover span{ display: block; }
.new_target_windows  .touxiang img{ width: 40px;height: 40px;  }
.new_target_windows  .touxiang span{position: absolute; width: 100%; background-color: rgba(0,0,0,0.6); height: 100%; line-height: 40px; text-align: center; color: #fff; left: 0; top: 0; cursor: pointer; display: none;}

 .btndown{ border:1px #ddd solid;background-color: #fff; position: absolute; border-radius: 3px;  display: block; padding: 8px; }
 .btndown .btndown_ul{position: absolute; display: none; left: 0; border:1px #ddd solid; background-color: #fff;  border-top: 0;width: 100%;    margin-left: -1px;}
 .btndown .btndown_ul li{padding: 5px; cursor: pointer;}
 .btndown .btndown_ul li:hover{ background-color: #eee; }
 .btndown:hover .btndown_ul{ display:inline-block; z-index: 99999; }
 .tag{ position: relative;    margin: 0 0 4px 0;    border-radius: 35px;    padding: 2px 12px;    line-height: 20px;    z-index: 1;    border-radius: 12px; transition:all 0.3s ease 0s;color: #246493;    background-color: rgba(138, 202, 249, 0.8); margin-right: 5px;}
 .tag i{position: absolute;z-index: 999;top: -5px;right: 0;opacity:0; transition:all 0.3s ease 0s; cursor: pointer;}
 .tag:hover i{ margin-left: 0!important; opacity: 1;}
 .mini_win{ width: 500px; position: fixed; top: 20%;  margin-left: -250px; left: 50%; background-color: #fff;border-radius: 3px; border:1px #ddd solid;z-index: 999;  }
.mini_win .rfmenu{position: absolute;right: 29px;top: 6px; cursor: pointer;}
.mini_win .rfmenu:hover{cursor: $maincolor}
.mini_win .title .rfmenu{right: 50px;top: 10px;}
.tabmenu{    padding: 5px;border-bottom: 1px #ddd solid;    margin: 10px 0;    border-top: 1px #ddd solid; background-color: #eee;}
.tabmenu span{padding: 6px; cursor: pointer; color: #999;}
.tabmenu span:hover{color: $maincolor;}
.tabmenu .active{border-bottom: 2px $maincolor solid; color: $maincolor;}
.ulzu_tab span{display: inline-block;padding:0 10px;margin-bottom: -6px;width: 65px;overflow: hidden;white-space: nowrap;}
.ulzu_tab span i{ margin-left: -18px!important; opacity:0;  cursor: pointer;}
.ulzu_tab span:hover i{ margin-left: 0!important; opacity: 1;}
.ulzu_tab .active{border: 1px #ddd solid;border-bottom: 1px #fff solid;}
.ulzu_tab .gengduo{position: relative;    margin-left: 10px;    width: 100px;}
.ulzu_tab .gengduo .active{color: #39f!important}

/**********************************************课程统计************************************************************/

.new_curriculum_kechengtongji{padding:15px 0;box-sizing:border-box;position: relative; border-radius: 3px; width: 675px;overflow: hidden; background: #eee; border-left: 1px solid #ccc;
      .new_curriculum_kechengtongji_main{padding: 0 15px;overflow-y: auto; height: 100%; padding-bottom: 40px; box-sizing: border-box;}
      .new_curriculum_kechengtongji_title{color: #666; position: relative; padding: 0 15px; margin-bottom: 15px; font-size: 18px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
      .new_curriculum_kechengtongji_titleright{position: absolute; top: -3px; cursor: pointer; right: 40px; font-size: 16px; border-right: 1px solid #ddd; padding-right: 10px; color: #666; }
      .new_curriculum_kechengtongji_main{
            .kechengtongji_name{font-size:16px;margin-bottom:5px;}
            .kecehngtongji_teacher{color:#999;margin-bottom:5px;}
            .kecehngtongji_teacher .icon{margin-right:5px;font-size:16px;}
            .kechengtongji_xq{margin-bottom:15px;}
            .kechengtongji_xq>span{margin-right:30px;color:#666}
            .kechengtongji_xq>span .icon{color:$maincolor;margin-right:5px;font-size:20px;}
            .kechengtongji_groupbtn{margin-bottom:15px;}
            .kechengtongji_groupbtn .btn{padding:6px 20px;}
            .new_curriculum_kechengtongji_yulan{border-color:$maincolor;margin-right:15px;background-color:$maincolor;color:#fff;}
            .new_curriculum_kechengtongji_bianji{border-color:$maincolor;background-color:#fff;color:$maincolor}
            .kechengtongji_zhixiantu{border:1px solid #ddd;background-color:#fff;padding:5px;border-radius:3px;margin-bottom:5px;}
            .kechengtongji_kechengxq{margin-bottom:15px;}
            .kechengtongji_kechengxq>div{width:146px;margin-right: 15px;margin-bottom:15px;float:left;border-radius:3px;font-size:18px;color:#666;padding:10px 0;text-align:center;background-color:#fff;border:1px solid #ddd;}
            .kechengtongji_kechengxq>div span{color:#999;font-size:12px;}
            .kechengtongji_kechengxq>div:last-child{margin-right:0}
            .new_curriculum_kechengtongji_course_chapters{margin-bottom:15px;}
            .new_curriculum_kechengtongji_course_chapters_title{color:$maincolor;margin-bottom:15px;}
            .new_curriculum_kechengtongji_course_chapters_main{border-radius:3px;border:1px solid #ddd;background-color:#fff;}
            .new_curriculum_kechengtongji_course_chapters_column{margin-bottom:15px;padding: 15px;}
            .new_curriculum_kechengtongji_course_chapters_column:last-child{margin-bottom:0}
            .course_chapters_column_tile{font-size:16px;color:#666;position: relative}
            .course_chapters_column_title_right{position: absolute;right:0;top:0;color:$maincolor;cursor:pointer}
            .course_chapters_column_title_right .icon{font-size:18px;margin-right:5px;transition:$transition;}
            .course_chapters_column_title_right.shouqi .icon{transition:$transition;transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);}
            .course_chapters_column_main{margin-top:15px;border-radius:3px;border:1px solid #ddd;background-color:#fff;}
            .course_chapters_column_main li{border-bottom:1px solid #efefef;color:#666;padding:0 15px;line-height:40px;position: relative}
            .course_chapters_column_main li:last-child{border-bottom:0}
            .course_chapters_column_main_item_right{position: absolute;right:0;top:0;width: 185px;}
            .course_chapters_column_main_item_left{padding-right:180px;box-sizing:border-box;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
            .course_chapters_column_main li .icon{margin-right:5px;color:$maincolor;width: 1.7em;height: 1.2em;}
            .personnel_learning_title{position: relative;margin-bottom:15px;}
            .personnel_learning_title_right{position: absolute;right:0;top:0;cursor:pointer;display:-webkit-box;line-height:28px;color:$maincolor}
            .personnel_learning_title_right .checkboxsxtjtj{margin-left:5px;}
            .personnel_learning_main_item{width: 205px; float: left;margin-bottom:10px;margin-right:11px; position: relative; background: #fff; border-radius: 3px; border: 1px solid #ddd; padding: 10px 5px; box-sizing: border-box;}
            .personnel_learning_main_item:nth-child(3n){margin-right:0;}
            .personnel_learning_main_item_left{position: absolute; left: 10px; top: 10px; width: 50px;}
            .personnel_learning_main_item_left img{border-radius:50%;width:40px;}
            .personnel_learning_main_item_right{padding-left:50px;}
            .personnel_learning_main_item_right_time{font-size:12px;color:#666;}
            .personnel_learning_more{cursor:pointer;color:$maincolor;}
      }


}

/**********************************************课程统计************************************************************/

.kechengxinxitongji {position: fixed; background: #eee;overflow:hidden;height: 60%; top: 20%;max-height:580px; width: 805px;padding:15px 0; box-sizing: border-box; border-radius: 3px;
     .kechengxinxitongji_main{ padding:0 15px;overflow-y: auto; height: 100%; padding-bottom: 24px; box-sizing: border-box}
  .kechengxinxitongji_title{color: #666; position: relative; padding: 0 15px ; margin-bottom: 15px; font-size: 18px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .kechengxinxitongji_main_name{color:#333;font-size:18px;position: relative;padding-right:225px;margin-bottom:5px;}
  .kechengxinxitongji_main_xq{color:#666;position: relative;padding-bottom: 15px;padding-right:225px; border-bottom: 1px solid #ddd;display: inline-block;}
  .kechengxinxitongji_main_xq .icon{color:$maincolor;margin-right:5px;font-size:16px;}
  .kechengxinxitongji_main_xq >div{margin-right:30px;float:left}
  .kechengxinxitongji_btn{position: absolute;right:0;top:0px}
  .new_curriculum_kechengtongji_bianji{border-color: $maincolor; background-color: #fff; padding:8px 20px;color: $maincolor;}
  .new_curriculum_kechengtongji_guankan{border-color: $maincolor; background-color: $maincolor; padding:8px 20px;color: #fff;}
  .kechengxinxitongji_main_xq_shaixuan{display:-webkit-box;position: relative;margin-top:15px;}
  .kechengxinxitongji_main_xq_shaixuan>div:first-child{font-weight:bold;margin-right:15px;padding:0;font-size:16px;color:$maincolor;cursor:default;border:0 !important}
  .kechengxinxitongji_main_xq_shaixuan>div{padding:0 10px;border-bottom:2px solid #eee;cursor:pointer;line-height:30px;}
  .kechengxinxitongji_main_xq_shaixuan>div:hover{border-bottom:2px solid $maincolor;color:$maincolor}
  .kechengxinxitongji_main_xq_shaixuan>div.active{border-bottom:2px solid $maincolor;color:$maincolor}
  .kechengxinxitongji_main_xq_shaixuan>div .icon{font-size:16px;margin-right:3px;}
  .kechengxinxitongji_main_xq_shaixuan_fail .icon{color:#ff6666;}
  .kechengxinxitongji_main_xq_shaixuan_success .icon{color:#339966;}
  .kechengxinxitongji_main_xq_shaixuan_right{padding:0;position: absolute; right: 0; top: 0; cursor: pointer; display: -webkit-box; line-height: 28px; color:$maincolor;border:0 !important}
  .kechengxinxitongji_main_xq_shaixuan_right .checkboxsxtjtj{margin-left:5px;}
  .kechengxinxitongji_main_xq_liebiao{
    >li{position: relative;padding:15px 10px;box-sizing: border-box;width:180px;float:left;margin-right:15px;margin-top:10px;border:1px solid #ddd;background-color:#fff;border-radius:3px;}
    >li:nth-child(4n){margin-right:0}
    >li .icon{color:#ff6666;font-size: 16px; margin-right: 3px;}
    .kechengxinxitongji_main_xq_liebiao_left img{border-radius:50%;width:35px;position: absolute;left:10px;;top:15px}
    .kechengxinxitongji_main_xq_liebiao_right{padding-left:45px;}
    .kechengxinxitongji_main_xq_liebiao_name{color:#666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .kechengxinxitongji_main_xq_liebiao_wccount{color:#999;font-size:12px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    >li.active{min-height:35px;}
    >li.active .kechengxinxitongji_main_xq_liebiao_name{line-height:35px;padding-right:30px;}
    >li.active .kechengxinxitongji_main_xq_liebiao_wccount{position: absolute;right:15px;top:24px;}
    >li.active .kechengxinxitongji_main_xq_liebiao_wccount .icon{color:#339966 !important ;font-size:20px;}
  
  }
  .kechengxinxitongji_page{padding:0 15px;margin:20px 0}
  .kechengxinxitongji_main_xq_paixu{position: absolute;right:100px;top:0;border:0 !important;color:#999;}

  .kechengxinxitongji_ksxxtj{
    li .icon{color:#ff6666;margin-right:3px;font-size: 16px;}
    li.active .icon{color:#339966;}
    >li.active .kechengxinxitongji_main_xq_liebiao_name{padding-right:0;line-height:19px}
    >li.active .kechengxinxitongji_main_xq_liebiao_wccount{position: relative; top: 0; right: 0;color:#999}
  }
.kechengxinxitongji_main_xq_teacher{color: #999;margin-bottom: 5px;}
.kechengxinxitongji_main_xq_teacher .icon{font-size:16px;margin-right:5px}
  .kechengxinxitongji_xianxiatj li .icon{margin-right:3px;font-size:16px;}
  .kechengxinxitongji_main_xq_shaixuan_ybm .icon{color:#339966 !important}
  .kechengxinxitongji_main_xq_shaixuan_wbm .icon{color:#ff6666 !important}
  .kechengxinxitongji_main_xq_shaixuan_ydc .icon{color:$maincolor !important}
  .kechengxinxitongji_main_xq_shaixuan_wdc .icon{color:#ff9b20 !important}
  .kechengxinxitongji_xianxiatj .kechengxinxitongji_main_xq_liebiao_wccount{line-height:14px}
  .kechengxinxitongji_xianxiatj .kechengxinxitongji_main_xq_liebiao_wccount span{color:$maincolor;cursor:pointer}


.kechengxinxitongji_livetj li .icon{margin-right:3px;font-size:16px;}
.kechengxinxitongji_livetj .kechengxinxitongji_main_xq_liebiao_wccount{line-height:14px}
.kechengxinxitongji_livetj .kechengxinxitongji_main_xq_liebiao_wccount span{color:$maincolor;cursor:pointer}
.new_curriculum_kechengtongji_copybtn{font-size:14px;cursor:pointer;color:$maincolor;margin-top: 10px;}
.new_curriculum_kechengtongji_copybtn .icon{margin-right:3px;}
}




/**********************************************知识选择器************************************************************/
.knowledgemainview{width:550px;margin:0 auto; }
.knowledgebase_selection_tool{width: 840px; height: 460px;position: relative;top:10%;margin:0 auto;border-radius: 3px; overflow: hidden;
  header{;line-height: 40px; background: #f4f4f4; padding: 0 10px; color: #999999; font-size: 14px; border-bottom: 1px solid #ddd; width: 100%; box-sizing: border-box;}
  header ul {display:-webkit-box;}
  header ul li{padding: 5px 10px; line-height: 27px; border-bottom: 3px solid #f5f5f5; margin-top: 0px; cursor: pointer;}
  header ul li.active {border-bottom: 3px solid $maincolor; color: $maincolor; background: transparent; }
  header ul li .icon{margin-right:5px; font-size: 18px; position: relative; top: 2px;}
  section.knowledge_section{background-color:#fff;
     .knowledgebase_selection_tool_sousuo{margin: 0; border-bottom: 1px solid #ddd; background-color: #fff;    font-size: 15px; transition: box-shadow .1s ease; padding: 10px;position: relative}
     .knowledgebase_selection_tool_sousuo .input-group {position: relative; height: 34px; width: 100%; }
     .knowledgebase_selection_tool_sousuo .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; border: 1px solid #ccc;padding: 6px 12px;} 
     .knowledgebase_selection_tool_sousuo .input-group-addon {transition:$transition;position: absolute; right: 0; top: 0; z-index: 2; line-height: 34px; width: 30px; text-align: center;cursor: pointer;} 
     .knowledgebase_selection_tool_sousuo .input-group input:focus{outline-color:$maincolor}
     .knowledgebase_selection_tool_sousuo .input-group-addon i{color:#999}
     .knowledgebase_selection_tool_main .angular-ui-tree-handle{padding:10px 300px 10px 10px;    position: relative;}
     .knowledgebase_selection_tool_main{overflow-y:auto;height:364px;}
     .knowledgebase_selection_tool_jiegouright{position: absolute;right:15px;top:10px;color:#666 }
     .knowledgebase_selection_tool_jiegouright span{margin-right:15px;}
     .knowledgebase_selection_tool_jiegouright span:last-child{margin-right:0;}
     .knowledgebase_selection_tool_jiegouright span .icon{font-size:16px;margin-right:3px}
     .knowledgebase_selection_tool_jiegouright span:first-child .icon{color:#ff6666}
     .knowledgebase_selection_tool_jiegouright span:nth-child(2) .icon{color:#339966}
     .knowledgebase_selection_tool_jiegouright span:last-child .icon{color:#ff9b20}
     li.angular-ui-tree-node >ol>li .angular-ui-tree-handle {padding-left: 20px;}
     li.angular-ui-tree-node >ol>li>ol>li>.angular-ui-tree-handle{padding-left: 30px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 40px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 50px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 60px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 70px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 80px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 90px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 100px; }
     li.angular-ui-tree-node >ol>li> ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 110px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handlev{padding-left: 120px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 130px; }



  }
  section.knowledge_kecheng_section{background-color:#fff;
    .knowledgebase_selection_tool_sousuo{margin: 0; border-bottom: 1px solid #ccc; background-color: #fff;    font-size: 15px; transition: box-shadow .1s ease; padding: 10px;position: relative}
     .knowledgebase_selection_tool_sousuo .input-group {position: relative; height: 34px; width: 100%; }
     .knowledgebase_selection_tool_sousuo .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; border: 1px solid #ccc;padding: 6px 12px;} 
     .knowledgebase_selection_tool_sousuo .input-group-addon {transition:$transition;position: absolute; right: 0; top: 0; z-index: 2; line-height: 34px; width: 30px; text-align: center;cursor: pointer;} 
     .knowledgebase_selection_tool_sousuo .input-group input:focus{outline-color:$maincolor}
     .knowledgebase_selection_tool_sousuo .input-group-addon i{color:#999}
     .knowledgebase_selection_tool_main_check{min-height: 30px;background-color:#eee; line-height: 30px; border-bottom: 1px solid #ccc; padding: 5px 10px;}
     .knowledgebase_selection_tool_main_check .checkboxgrouptop {position: relative; height: 32px;width:100%}
     .knowledgebase_selection_tool_main_check input {position: relative; top: 3px;margin-right: 5px}
     .knowledgebase_selection_tool_main_check .checkboxsx{position: absolute;right:10px;top:0;display:-webkit-box}
     .knowledgebase_selection_tool_main_check .checkboxsxtjtj{margin-left:5px;}
     .knowledgebase_selection_tool_main_checkmain{overflow-y:auto;height:321px;}
     .knowledgebase_selection_tool_main li{position: relative}
     .person_listgroup .person_list_item{transition: all 0.3s ease 0s; padding: 0 10px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
     .person_listgroup .person_list_item:hover{transition: all 0.3s ease 0s;background-color:#eee;}
     .person_listgroup .person_list_item input{position: relative; top: 3px; margin-right: 5px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff;}
     .person_listgroup .person_list_item .icon {margin-right: 5px; position: relative; top: 3px;font-size:18px;color:$maincolor }

   }
   section{
    .knowledgebase_select_move{margin:0 !important;width:100%;height:100%;}
    .knowledgebase_select_move_head{display:none}
   }

}
.knowledgebase_xinjian_body_mini{ width:206px; border: 1px #ddd solid;position:absolute;border-radius:3px;transition:all 0.3s linear;z-index:9;}
.knowledgebase_xinjian_body_mini:hover{ width:430px; }
.knowledgebase_xinjian_body_mini .knowledgebase_xinjian_bj{ display: none!important;}
.knowledgebase_xinjian_body_mini .knowledgebase_selection_tool{ width: 100%; height: 100%;position:relative;max-width:450px;min-width: 206px;margin: 0;border-radius:0;z-index:9999}

.knowledgebase_xinjian_body_mini .knowledgebase_selection_tool header ul{ border-radius:3px;clear:both;margin-top:0px;width:115px;color:#666;height:auto;box-shadow:0 0 21px rgba(0, 0, 0, 0.2);position:absolute;top:40px;left:15px;z-index:99;background-color:#fff}
.knowledgebase_xinjian_body_mini .knowledgebase_selection_tool header ul li{padding:5px 10px;line-height: 27px;margin-top:0px;cursor: pointer;width:100%;border-bottom:0;}
.knowledgebase_xinjian_body_mini .knowledgebase_selection_tool header ul li:hover{background:transparent;border-bottom:0}
.knowledgebase_xinjian_body_mini .knowledgebase_selection_tool header ul li.active{background:transparent;border-bottom:0}

.knowledgebase_xinjian_body_mini .knowledgebase_selection_tool .close{display: none; }
.knowledgebase_xinjian_body_mini .knowledgebase_selection_tool_jiegouright{display: none; }
.knowledgebase_xinjian_body_mini .angular-ui-tree-handle{padding:10px !important;}




/********************************************运营**************************************************************/
.jisuyunying{width:1185px;margin:0 auto;position: relative;
  .jisuyunying_qyhydqst{background-color: #4c536d;height:300px;border-radius:3px;background-color:#fff;width: 100%;margin-top:30px;}
  .jisuyunying_middle{display:-webkit-box;margin-top:20px;position: relative;}
    .jisuyunying_middle_qyhyd{width:490px;margin-right:20px;height:503px;background-color:#fff;border-radius:3px;border:1px solid $maincolor;padding:15px;box-sizing:border-box; }
    .jisuyunying_middle_sjxx{width:210px;margin-right:20px;font-size:12px;background-color:#fff;border-radius:3px;padding:15px;box-sizing:border-box}
    .jisuyunying_middle_sjxx_title{position: relative;color:#999;margin-top: 20px;}
    .jisuyunying_middle_sjxx_title .jisuyunying_middle_sjxx_title_bianji{position: absolute;right:0;top:0;color:$maincolor;cursor:pointer}
    .jisuyunying_middle_sjxx_nr{color:#666;margin-top: 5px;}
    .jisuyunying_middle_right{width:675px;}

    .jisuyunying_middle_yxteacher{width:445px;position: absolute;right:0;top:0;background-color:#fff;border-radius:3px;padding:15px;box-sizing:border-box}

    .jisuyunying_main_title{color:#666;font-size:18px;position:relative}
    .jisuyunying_main_title span{color:#999;font-size:14px;}
    .jisuyunying_middle_yxteacher_touxiangimg img{height: 40px; width: 40px; border-radius: 50%;}
    .jisuyunying_main_title .jisuyunying_main_title_shuaxin{position: absolute;right:0;top:0;color:$maincolor;cursor:pointer}
    .jisuyunying_middle_yxteacher_main{
            >div{width:20%;color:#666;margin-top:15px;position: relative;text-align:center;padding: 0 5px; box-sizing: border-box; float: left;-ms-box-sizing: content-box; }
          .jisuyunying_middle_yxteacher_name{color:#999;line-height:20px;overflow:hidden;height:40px;}
          .jisuyunying_middle_yxteacher_paiming {display:none;position: absolute;top: 33px;left: 27px; }
          .jisuyunying_middle_yxteacher_paiming .icon{color:#ffd452;font-size: 26px;}
          >div:first-child .jisuyunying_middle_yxteacher_paiming{display:block !important}
          >div:nth-child(2) .jisuyunying_middle_yxteacher_paiming{display:block !important}
          >div:nth-child(3) .jisuyunying_middle_yxteacher_paiming{display:block !important}
          
    }
    .jisuyunying_middle_xtfwlqs{height:320px;background-color:#4c536d;border-radius:3px;margin-top:15px;}
    .jisuyunying_kcgkl{height:320px;margin-top:20px;border-radius:3px;background-color:#fff;}

}

/***************************************单独知识选择器****************/

.knowledgebase_selection_tool_dandu{width: 100%; height: 100%; margin: 0 auto; border-radius: 3px; overflow: hidden; border: 1px solid #ddd;
  header{;line-height: 40px; background: #f4f4f4; padding: 0 10px; color: #999999; font-size: 14px; border-bottom: 1px solid #eee; width: 100%; box-sizing: border-box;}
  header ul {display:-webkit-box;}
  header ul li{padding: 5px 10px 5px 0; line-height: 27px;  margin-top: 0px; cursor: pointer;}
  header ul li .icon{margin-right:5px; font-size: 18px; position: relative; top: 2px;}
  section.knowledge_section{background-color:#fff;
     .knowledgebase_selection_tool_dandu_sousuo{margin: 0; border-bottom: 1px solid #ccc; background-color: #fff;    font-size: 15px; transition: box-shadow .1s ease; padding: 10px;position: relative}
     .knowledgebase_selection_tool_dandu_sousuo .input-group {position: relative; height: 34px; width: 100%; }
     .knowledgebase_selection_tool_dandu_sousuo .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; border: 1px solid #ccc;padding: 6px 12px;} 
     .knowledgebase_selection_tool_dandu_sousuo .input-group-addon {transition:$transition;position: absolute; right: 0; top: 0; z-index: 2; line-height: 34px; width: 30px; text-align: center;cursor: pointer;} 
     .knowledgebase_selection_tool_dandu_sousuo .input-group input:focus{outline-color:$maincolor}
     .knowledgebase_selection_tool_dandu_sousuo .input-group-addon i{color:#999}
     
.knowledgebase_selection_tool_dandu_jrtime{min-height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; padding: 5px 10px; transition: box-shadow .1s ease;}
.knowledgebase_selection_tool_dandu_jrtime >ul{background:#eee;flex-wrap: wrap; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
     .knowledgebase_selection_tool_dandu_jrtime>ul>li {font-size: 14px; color: #666;border-radius: 3px; border: 1px solid #ccc; background-color: #fff; padding: 0px 25px 0 15px;  cursor: pointer; position: relative; margin-top: 5px; }
     .knowledgebase_selection_tool_dandu_jrtime>ul>li input {cursor:pointer;top: 0; width: 70px; padding: 0 5px; border: 0; font-size: 12px; }
     .knowledgebase_selection_tool_dandu_jrtime>ul>li .close{top: 3px; font-size: 25px;}
     .knowledgebase_selection_tool_dandu_main .angular-ui-tree-handle{padding:10px;position: relative;}
     .knowledgebase_selection_tool_dandu_main{overflow-y:auto;height: 483px;;}
     .knowledgebase_selection_tool_dandu_jiegouright{position: absolute;right:15px;top:10px;color:#666 }
     .knowledgebase_selection_tool_dandu_jiegouright span{margin-right:15px;}
     .knowledgebase_selection_tool_dandu_jiegouright span:last-child{margin-right:0;}
     .knowledgebase_selection_tool_dandu_jiegouright span .icon{font-size:16px;margin-right:3px}
     .knowledgebase_selection_tool_dandu_jiegouright span:first-child .icon{color:#ff6666}
     .knowledgebase_selection_tool_dandu_jiegouright span:nth-child(2) .icon{color:#339966}
     .knowledgebase_selection_tool_dandu_jiegouright span:last-child .icon{color:#ff9b20}
     li.angular-ui-tree-node >ol>li .angular-ui-tree-handle {padding-left: 20px;}
     li.angular-ui-tree-node >ol>li>ol>li>.angular-ui-tree-handle{padding-left: 30px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 40px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 50px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 60px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 70px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 80px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 90px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 100px; }
     li.angular-ui-tree-node >ol>li> ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 110px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handlev{padding-left: 120px; }
     li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle{padding-left: 130px; }



  }
}

/********************************************学习档案**************************************************************/
.xuexidangan{background-color:#8f9ab0;padding: 50px 0;}
.xuexidangan>div{width:1170px;background-color:#fff;margin:0 auto 50px;padding:15px;box-sizing:border-box;border-radius:3px;}
.xuexidangan_main{width:1030px;margin:0 auto}
.xuexidangan_name{font-size:22px;}
.xuexidangan_name span{color:#999;font-size:14px;margin-left:10px;}
.xuexidangan_yemei{font-size:28px;text-align:center}
.xuexidangan_title{font-size:20px;margin-bottom:20px;}
.xuexidangan_column{margin-top:75px;line-height:28px;position: relative}
.xuexidangan_column .icon{margin-right:5px;}
.xuexidangan_column:first-child{font-size:22px;line-height:30px;}
.xuexidangan_touxiang{position: absolute;right:0;top:0}

.xuexidangan_touxiang_rongyu2{margin-top: -95px; margin-left: -105px;}
.xuexidangan_touxiang_rongyu1{margin-top: -80px;margin-left: -55px;}
.xuexidangan_xxqx{position: relative;right:0}
.xuexidangan_xxqx_left_title{position: absolute; top: 19px;}
.xuexidangan_xxqx_left_title span{ background-color: #777; border-radius: 3px; color: #fff; padding: 4px 20px;}
.xuexidangan_xxqx_left_footer{bottom: 15px; color: #666; font-size: 16px; font-style: italic; left: 0; position: absolute; width: 100%; text-align: center;}

.xuexidangan_xxqx_left{height: 360px; width: 330px; position: relative;}
.xuexidangan_xxqx_right table{width:460px}
.xuexidangan_xxqx_right table td{background-color:#f2f2f2;border-radius:3px;text-align:center;line-height: 28px;}
.xuexidangan_xxqx_right{position: absolute; right: 30px; top: 45px;}
.xuexidangan_nlqx_left_title{ position: absolute; top: 19px;}
.xuexidangan_nlqx_left_title span{ background-color: #777; border-radius: 3px; color: #fff; padding: 4px 20px;}
.xuexidangan_nlqx_left_footer{bottom: 15px; color: #666; font-size: 16px; font-style: italic; left: 0; position: absolute; width: 100%; text-align: center;}

.xuexidangan_nlqx{position: relative}
.xuexidangan_nlqx_left{height: 360px; width: 330px; position: relative;}
.xuexidangan_nlqx_right table td{background-color:#f2f2f2;border-radius:3px;text-align:center}
.xuexidangan_nlqx_right table{width:460px}
.xuexidangan_nlqx_right{position: absolute; right: 0; top: 45px;}
.xuexidangan_second>div{width:1030px;margin:60px auto}
.xuexidangan_third>div{width:1030px;margin:0 auto}
.xuexidangan_second_title{font-weight:bold;font-size:16px;margin-top:40px;}
.xuexidangan_second_column .navbar-nav{margin-left: 30px;margin-right: 70px;}
.xuexidangan_second_column .navbar-nav li{position: relative;border-bottom: 1px dotted #333; line-height: 28px;}
.xuexidangan_second_column .navbar-nav li a{text-decoration:none;color:#333;position: relative; top: 14px; background: #fff; padding-right: 8px;}
.xuexidangan_second_column .navbar-nav li span{position: absolute;right:0;top:14px; background: #fff; padding-left: 30px;}
.xuexidangan_third{margin-bottom:0;}
.xuexidangan_third_title{font-weight: bold; font-size: 16px; margin-bottom: 60px; margin-top: 60px;}
.xuexidangan_xxqk{border:1px solid #ddd;border-radius:3px;margin-top: 30px; margin-bottom: 60px;}
.xuexidangan_xxqk>ul>li{padding:0 20px;height: 55px;border-bottom:1px solid #ddd;transition:$transition;color:#333; cursor:pointer; position: relative;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  }
.xuexidangan_xxqk>ul>li:last-child{border-bottom:0}
.xuexidangan_xxqk>ul>li:first-child>div{color:#999}
.xuexidangan_xxqk>ul>li>div{word-break: break-all;padding: 4px 5px;box-sizing:border-box;font-size: 13px;display: -webkit-flex; display: -ms-flexbox; display: flex; align-self:center; -webkit-align-self:center; align-items:left; -webkit-align-items:left;}
.xuexidangan_xxqk_liebiao_name{width:37%;max-height: 32px; overflow: hidden;}
.xuexidangan_xxqk_liebiao_xxsj{width:11%;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column; }
.xuexidangan_xxqk_liebiao_xxsc{width:11%}
.xuexidangan_xxqk_liebiao_xxjd{width:18%;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction:column;}
.xuexidangan_xxqk_liebiao_xxcj{padding:0 5px !important;width:23%;max-height: 32px; overflow: hidden;}
.xuexidangan_xxqk_liebiao_xxjd .progress{height: 6px; background: #666;width: 70%;border-radius:4px; overflow: hidden;margin-top:6px;}
.xuexidangan_xxqk_liebiao_xxjd .progress .progress-bar{background-color:$maincolor;height:100%}
.xuexidangan_xxqk_liebiao_wksprogress .xuexidangan_xxqk_liebiao_xxjd .progress .progress-bar{background-color:#ffbb66;width:100% !important}
.xuexidangan_xxqk_liebiao_jxzprogress .xuexidangan_xxqk_liebiao_xxjd .progress .progress-bar{background-color:$maincolor;}
.xuexidangan_xxqk_liebiao_wcprogress .xuexidangan_xxqk_liebiao_xxjd .progress .progress-bar{background-color:#339966; width:100% !important;}




/********************************************企业列表**************************************************************/
.qiyeliebiao{width: 1140px;margin:10px auto 0;color:#666;
.qiyeliebiao_main{background-color:#fff;border:1px solid #ddd;border-radius:3px;color:#666;padding-bottom: 5px; min-height: 600px;}
.qiyeliebiao_main>ul> li {transition:$transition;}
.qiyeliebiao_main>ul> li .qiyeliebiao_main_li{height: 55px;border-bottom:1px solid #ddd;transition:$transition;color:#666; cursor:pointer; position: relative;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
// .qiyeliebiao_main>ul> li:last-child .qiyeliebiao_main_li {border-bottom:0 !important}
.qiyeliebiao_main>ul> li> .qiyeliebiao_main_li >div{position: relative; padding: 4px 0; font-size: 13px; align-self: center; -webkit-align-self: center; text-align:left;}
.qiyeliebiao_main_li{margin:0px 30px 0 0;}
.qiyeliebiao_main>ul> li:first-child .qiyeliebiao_main_li>div{color:#666}
.qiyeliebiao_check{width: 40px;transition:$transition; position: absolute !important; left: 0; height: 32px; background: #fff; top: 16px; }
// .qiyeliebiao_main>ul> li:last-child .qiyeliebiao_check{height:31px;}
.qiyeliebiao_check .liebiaocheck-box{top:0}
.qiyeliebiao_qiyename{width:195px;padding: 4px 0 4px 5px !important;margin-left:40px;text-align: left !important;}
.qiyeliebiao_zhucetime{width:195px;}
.qiyeliebiao_zhucetime b{font-size: 24px; position: relative; top: 0; line-height: 12px; font-weight: 100;}
.qiyeliebiao_zhuceren{width:225px;padding: 0  0 0 45px !important; height: 40px;}
.qiyeliebiao_huoyuedu{width:135px}
.qiyeliebiao_xuyuanshu{width:105px}
.qiyeliebiao_kecehngshu{width:105px}
.qiyeliebiao_qiyeguanli{width:100px;-webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;display: -webkit-box !important; display: -moz-box !important; display: box !important;}
.qiyeliebiao_qiyeguanli>div{-webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1;text-align:center;transition:$transition; color:$maincolor}
.qiyeliebiao_qiyeguanli>div:hover{color:$maincolor;transition:$transition}
.qiyeliebiao_main>ul> li:first-child .qiyeliebiao_zhuceren{padding:4px 0 !important;height:auto;text-align:center !important}
.qiyeliebiao_main>ul> li:first-child:hover .qiyeliebiao_main_li{border-bottom:1px solid #ddd !important;}
.qiyeliebiao_main>ul> li:first-child:hover{background-color:#fff !important;}
.qiyeliebiao_main>ul> li:first-child:hover .qiyeliebiao_check{background-color:#fff !important;}
.qiyeliebiao_main>ul> li:hover{background-color:#e5f0f8;transition:$transition;}
.qiyeliebiao_main>ul> li:hover .qiyeliebiao_main_li{border-bottom:1px solid #e5f0f8;}
.qiyeliebiao_main>ul> li:hover .qiyeliebiao_check{background-color:#e5f0f8;transition:$transition;}
.qiyeliebiao_zhuceren_name_left img{width:40px;border-radius:50%;}
.qiyeliebiao_zhuceren_name_left{width: 50px; position: absolute; left: 30px;}
.qiyeliebiao_zhuceren_name_right{width: 100%; padding-left: 50px; box-sizing: border-box; text-align:left;}
.qiyeliebiao_zhuceren_name_right>div{overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;}
.qiyeliebiao_zhuceren_name_right_email{color:#999;}
.qiyeliebiao_title{width: 1140px;position: relative; height: 32px; margin: 10px auto; color: #666; line-height: 30px;box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.qiyeliebiao_select_sx {border-radius: 3px;width: 130px;border: 1px solid #ddd; background-color: #fff; padding: 0 10px; margin-right: 15px; cursor: pointer;    position: relative; }
.qiyeliebiao_select_sx .dropdown-menu{z-index: 1; top: 28px; left: -1px;}
.qiyeliebiao_select_sx .dropdown-menu li{line-height: 30px;}
.qiyeliebiao_select_sx .caret{position: absolute;right:15px;top:14px}
.qiyeliebiao_chaxun{border-radius: 3px;width: 230px; padding: 0 10px; border: 1px solid #ddd; transition: all 0.3s ease 0s;}
.qiyeliebiao_shaixuan {border-radius: 3px;border: 1px solid #ddd; background-color: #fff; padding: 0 10px; margin: 0 0 0 15px; cursor: pointer; transition: all 0.3s ease 0s; }
.qiyeliebiao_delect{line-height: 34px; margin-left: 15px; color: $maincolor; cursor: pointer; transition: all 0.3s ease 0s;position: absolute;right:0;top:0}
.qiyeliebiao_main>ul>li.selected .liebiaocheck-box .iconfont,.liebiaocheck-box.selected .iconfont{display:block;color:$maincolor}
.qiyeliebiao_main>ul>li.selected .liebiaocheck-box {border: 1px solid $maincolor; transition: all 0.3s ease 0s; background-color: #fff; }
.plIMsucxtime{height:32px;width:80px;padding:0 10px;margin:0 5px;border:1px solid #fff;transition:$transition}
.plIMsucxtime:hover{outline-color:$maincolor;border:1px solid $maincolor;transition:$transition;}
}



/********************************************二级运营**************************************************************/
.erjiyunyingliebiao{width: 1140px;margin:10px auto 0;color:#666;
.erjiyunyingliebiao_title{width: 1140px;position: relative; height: 32px; margin: 10px auto; color: #666; line-height: 30px;box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.erjiyunyingliebiao_chaxun{border-radius: 3px;width: 230px; padding: 0 10px; border: 1px solid #ddd; transition: all 0.3s ease 0s;}
.erjiyunyingliebiao_shaixuan {border-radius: 3px;border: 1px solid #ddd; background-color: #fff; padding: 0 10px; margin: 0 15px; cursor: pointer; transition: all 0.3s ease 0s; }

.erjiyunyingliebiao_titleright{position: absolute;right:0;top:0;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.erjiyunyingliebiao_titleright > div{cursor:pointer;color:$maincolor;margin-left:15px;}
.erjiyunyingliebiao_titleright > div i{font-size: 16px; margin-right: 5px;}
.erjiyunyingliebiao_main{background-color:#fff;border:1px solid #ddd;border-radius:3px;color:#666;padding-bottom:5px;min-height:600px;}
.erjiyunyingliebiao_main>ul> li {transition:$transition;}
.erjiyunyingliebiao_main>ul> li .erjiyuyingliebiao_mainli{height: 55px;margin-left:40px;border-bottom:1px solid #ddd;transition:$transition;color:#666; cursor:pointer; position: relative;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
// .erjiyunyingliebiao_main>ul> li:last-child .erjiyuyingliebiao_mainli {border-bottom:0 !important}
.erjiyunyingliebiao_main>ul> li> .erjiyuyingliebiao_mainli >div{padding:4px 5px;box-sizing: border-box;position: relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;align-self: center; -webkit-align-self: center; align-items: center; text-align: center;}

.erjiyunyingliebiao_main>ul> li:first-child .erjiyunyingliebiao_guanlizh{padding:4px 0  4px 47px !important;height:auto}
.erjiyuyingliebiao_mainli{margin:0px 30px 0 0;}
.erjiyuyingliebiao_mainli:hover .personnelIMxiugai{display:block !important;}
.erjiyuyingliebiao_mainli .personnelIMxiugai{left:0;}
.erjiyunyingliebiao_main>ul> li:first-child .erjiyuyingliebiao_mainli>div{color:#666}

.erjiyunyingliebiao_check{width: 40px;transition:$transition; position: absolute !important; left: -40px;padding-left:0 !important; height: 32px; background: transparent; top: 16px; }

.erjiyunyingliebiao_guanlizh{width: 240px;box-sizing: border-box; padding: 0 0 0 5px !important; margin-left: 0px; text-align: left !important; height: 40px;}
.erjiyunyingliebiao_beizhu{width: 205px;text-align:center}
.erjiyunyingliebiao_fzqys{width: 125px;text-align:center}
.erjiyunyingliebiao_fzqyname{width: 495px;text-align:center}

.erjiyunyingliebiao_check .liebiaocheck-box{top:0}

.erjiyunyingliebiao_main>ul> li:first-child:hover .erjiyuyingliebiao_mainli{border-bottom:1px solid #ddd !important;}
.erjiyunyingliebiao_main>ul> li:first-child:hover{background-color:#fff !important;}
.erjiyunyingliebiao_main>ul> li:first-child:hover .erjiyunyingliebiao_check{background-color:#fff !important;}
.erjiyunyingliebiao_main>ul> li:hover{background-color:#e5f0f8;transition:$transition;}
.erjiyunyingliebiao_main>ul> li:hover .erjiyuyingliebiao_mainli{border-bottom:1px solid #e5f0f8;}
.erjiyunyingliebiao_main>ul> li:hover .erjiyunyingliebiao_check{background-color:#e5f0f8;transition:$transition;}
.erjiyunyingliebiao_guanlizh_name_left img{width:40px;border-radius:50%;}
.erjiyunyingliebiao_guanlizh_name_left{width: 50px; position: absolute; left: 3px;}
.erjiyunyingliebiao_guanlizh_name_right{width: 100%; padding-left: 50px; box-sizing: border-box;}
.erjiyunyingliebiao_guanlizh_name_right>div{overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;}
.erjiyunyingliebiao_guanlizh_name_right_email{color:#999;}
}


.erjiyunying_fenpeiqiye{width: 450px; height: 500px; background: #eee; position: relative;border-radius: 3px; padding: 15px; box-sizing: border-box;}
.erjiyunying_fenpeiqiye_title{color: #666; position: relative;margin-bottom: 15px; font-size: 18px;}
.erjiyunying_fenpeiqiye_top_name img{width: 30px; border-radius: 50%; position: absolute; top: 4px; left: 5px;}
.erjiyunying_fenpeiqiye_top{position: relative;height: 50px;}
.erjiyunying_fenpeiqiye_top input{padding:6px 180px 6px 45px;box-sizing:border-box;height: 38px;position: absolute;}
.erjiyunying_fenpeiqiye_top_name{width:100%}
.erjiyunying_fenpeiqiye_top_beizhu{position: absolute; right: 10px; top: 9px; line-height: 20px;color:#999}
.erjiyunying_fenpeiqiye_top_beizhu .icon{color:$maincolor;margin-left:5px;cursor:pointer;font-size: 18px;position: relative;top:1px;}
.erjiyunying_fenpeiqiye_top_beizhu input{padding: 3px 12px; right: 16px; top: -8px; border: 0; height: 36px; width: 120px; text-align: right;}
.erjiyunying_fenpeiqiye_middle{position: relative}
.erjiyunying_fenpeiqiye_middle input{height:38px;}
.erjiyunying_fenpeiqiye_ssdfpqy{background: #eee;color:$maincolor;font-size: 26px; position: absolute; top: 1px; right: 1px; width: 45px; line-height: 36px; text-align: center; border-left: 1px solid #ccc;}
.erjiyunying_fenpeiqiye_middle .dropdown-menu{width: 100%; right: 50px; top: 37px; box-sizing: border-box; z-index: 6; left: 0;}
.erjiyunying_fenpeiqiye_middle .dropdown-menu li{padding-right:70px;position: relative; }
.erjiyunying_ssdfpqy_dropdown{right: 45px; position: absolute; left: 0; top: 0;}
.erjiyunying_bangdingbtn{position: absolute; top: 0px; right: 15px;top:0;color:$maincolor}
.erjiyunying_bangdingbtn .icon{margin-right:5px;}
.erjiyunying_fenpeiqiye_baocunform{position: relative; margin: 0; text-align:right;} 
.erjiyunying_fenpeiqiye_baocunform .btn{ margin-left:10px;padding:6px 30px;}
.erjiyunying_fenpeiqiye_baocunform .btn.queding{background-color:$maincolor;color:#fff;transition:$transition;}
.erjiyunying_fenpeiqiye_baocunform .btn.queding:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
.erjiyunying_fenpeiqiye_baocunform .btn.quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
.erjiyunying_fenpeiqiye_baocunform .btn.quxiao:hover{background-color:$maincolor;color:#fff;transition:$transition;}
.erjiyunying_ssdfpqy_null{height: 110px; text-align: center; color: #666; vertical-align: middle; display: table-cell; width: 373px;}
.erjiyunying_ssdfpqy_jqzcqy{background-color:#ddd;text-align:center;line-height:28px;color:#666}
.erjiyunying_fenpeiqiye_bottom_title{margin:10px 0;color:#666}
.erjiyunying_fenpeiqiye_bottom{background-color: #fff; border-radius: 3px; border: 1px solid #ddd; height: 263px; overflow-y: auto;}
.erjiyunying_fenpeiqiye_bottom> ul> li{line-height:40px;border-bottom:1px solid #ddd;color:#666;position: relative;padding:0 50px 0 15px;}
.erjiyunying_fenpeiqiye_bottom> ul >li:last-child{border-bottom:0;}
.erjiyunying_fenpeiqiye_bottom> ul >li:first-child{border-bottom:1px solid #ddd !important;}
.erjiyunying_fenpeiqiye_bottom> ul >li .erjiyunying_fenpeiqiye_bottom_btn{font-size:16px;position: absolute;right:15px;top:0;color:$maincolor;cursor:pointer}
.erjiyunying_fenpeiqiye_bottom> ul >li .erjiyunying_fenpeiqiye_bottom_btn .icon{margin-right:3px;font-size:16px;}



.erjiyunying_fenpeiqiye_baocun{position: absolute; bottom: 0; text-align: right; width: 100%; left: 0; padding: 6px 15px; box-sizing: border-box; background: #fff; border-top: 1px solid #ddd;}

.erjiyunying_fenpeiqiye_top{
  .dropdown-menu{padding: 0 15px; width: 83%; z-index: 4; top: 37px; left: 25px;}
  .erjiyunyingliebiao_guanlizh{background-color:#fff !important;line-height: initial;padding: 10px 15px; margin:10px;}
.erjiyunyingliebiao_guanlizh:hover{background-color:#f4f4f4 !important;}
.erjiyunyingliebiao_guanlizh_name_left img{width:40px;border-radius:50%;}
.erjiyunyingliebiao_guanlizh_name_left{width: 50px; position: absolute; left: 10px;}
.erjiyunyingliebiao_guanlizh_name_right{width: 100%; padding-left: 30px; box-sizing: border-box;}
.erjiyunyingliebiao_guanlizh_name_right>div{overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;}
.erjiyunyingliebiao_guanlizh_name_right_email{color:#999;}
}






/********************************************文件共享**************************************************************/
.enterprise_file_sharing{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;
  .enterprise_file_sharing_bj{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0;}
  .enterprise_file_sharing_main{position: relative;transition:$transition;left:0}
      .enterprise_file_sharing_title{color: #666; position: relative;margin-bottom: 15px; font-size: 18px;}
      .enterprise_file_sharing_left {transition:$transition;background-color:#eee;padding: 15px;position:relative;float:left;height: 550px;z-index: 999; width: 530px;top:100px;border-radius:3px;box-sizing:border-box;}
      .enterprise_file_sharing_firstcolumn{position: relative}
      .enterprise_file_sharing_firstcolumn_top{position: relative;background-color:#ddd;padding: 10px;border-radius:3px 3px 0 0}
      .enterprise_file_sharing_firstcolumn_bottom{border: 1px solid #ddd;border-radius:0 0 3px 3px;height: 105px; vertical-align: middle;background-color:#fff;text-align:center;display:table-cell;width:500px;}
      .enterprise_file_sharing_firstcolumn_top input{width: 420px; box-sizing: border-box; border-color: #fff; box-shadow: 0 0 0;}
      .enterprise_file_sharing_firstcolumn_top .btn{position: absolute; right: 0;padding: 7px 12px; top: 10px;color:#666; border: 1px solid #ccc; background: #fff;}
      .enterprise_file_sharing_firstcolumn_weizhaodao .icon{font-size:30px;margin-right:20px;color:#fd5555;position: relative; top: 5px;}
      .enterprise_file_sharing_firstcolumn_weizhaodao{color:#999;position: relative; top: -5px;}
      .enterprise_file_sharing_firstcolumn_weishuru{color:#999;position: relative; top: -5px;}
      .enterprise_file_sharing_firstcolumn_weishuru .icon{font-size:30px;margin-right:20px;color:$maincolor;position: relative; top: 5px;}
      .enterprise_file_sharing_dropdown_suosuo .dropdown-menu{height: 107px; overflow-y: auto; width: 100%; top: 54px; left: 0; box-shadow: 0 0 0; border: 1px solid #ddd; box-sizing: border-box;}
      .enterprise_file_sharing_dropdown_suosuo .dropdown-menu li{text-align:left;position: relative;height:33px;}
      .enterprise_file_sharing_dropdown_right{display:-webkit-box;position: absolute;right:10px;top:0;}
      .enterprise_file_sharing_dropdown_right>div{margin-left:20px;width: 50px; text-align: right;}
      .enterprise_file_sharing_dropdown_right>div .icon{color:$maincolor;margin-right:3px;font-size:18px;}
      .enterprise_file_sharing_sharesuccess{height: 280px;overflow-y:auto;border:1px solid #ddd;background-color:#fff;border-radius:3px;}
      .enterprise_file_sharing_sharesuccess>ul>li{padding:10px 15px;border-bottom:1px solid #ddd;}
      .enterprise_file_sharing_sharesuccess>ul>li:last-child{border-bottom:0}
      .enterprise_file_sharing_sharesuccess>ul>li:first-child,.enterprise_file_sharing_sharesuccess>ul>li:nth-child(2),.enterprise_file_sharing_sharesuccess>ul>li:nth-child(3){border-bottom:1px solid #ddd;}
      .enterprise_file_sharing_sharesuccess_title{margin: 10px 0; color: #666;}
      .enterprise_file_sharing_sharesuccess_first{color:$maincolor;position: relative;margin-bottom:6px;}
      .enterprise_file_sharing_sharesuccess_first_right{position: absolute;right:0;top:0;cursor:pointer}
      .enterprise_file_sharing_sharesuccess_first_right .icon{margin-right:3px;}
      .enterprise_file_sharing_sharesuccess_first .enterprise_file_sharing_qiyename{white-space: nowrap; overflow: hidden; padding-right: 110px; box-sizing: border-box; width: 100%; cursor: pointer;}
      .enterprise_file_sharing_sharesuccess_second{display:inline-block}
      .enterprise_file_sharing_sharesuccess_second>div{position: relative;color:#666; padding-right: 45px; margin-top: 5px; border: 1px solid #ddd; border-radius: 3px; padding: 3px 45px 3px 10px;    float: left; margin-right: 10px}
      .enterprise_file_sharing_close{background-color: #ddd;color:#333;cursor:pointer;text-align: center; font-size: 18px; position: absolute; right: -1px; top: -1px; width: 28px; height: 27px; border-radius: 0 3px 3px 0;}
      .enterprise_file_sharing_right{transition:$transition;width:530px;height: 550px; position: relative;float:left;z-index: 999;top: 100px;border-radius:3px;background-color:#eee;padding:15px 0;box-sizing:border-box;margin-left:15px;}
      .enterprise_file_sharing_title .title{font-size:14px;margin-left:5px;}
      .enterprise_file_sharing_right .enterprise_file_sharing_title{padding:0 15px;}
      .enterprise_file_sharing_right_main{height: 480px; overflow-y: auto;padding:0 15px;}
      .enterprise_file_sharing_right_main>li{padding:5px 10px;border-radius:3px;float: left; margin-bottom: 10px;box-sizing:border-box;border:1px solid #ddd;margin-right:1%;width:24%;background-color:#fff;}
      .enterprise_file_sharing_right_img img{max-width:100%;height:60px;}
      .enterprise_file_sharing_right_name{color:#666;margin:5px 0 ;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
      .enterprise_file_sharing_sharesuccess_delect{color:$maincolor;text-align:center;margin-bottom:5px;cursor:pointer}

}






/**************************知识编辑列表表格*******************/
 .knowledge_structure_list_top{width: 1140px;position: relative;display: -webkit-box; margin: 0 auto; color: #666; line-height: 30px; padding: 15px 0px;}
    .knowledge_structure_list_top{
      >div{position: relative;border: 1px solid #ddd;border-radius:3px; margin-right:15px; background-color: #fff; padding: 0 10px; cursor: pointer; float: left;}
      >div .caret{margin-left:20px;}
      >div:first-child{margin-left:0;padding:0;border:1px solid transparent;background-color:transparent}
      >div .icon{margin-right:3px;}
      .knowledge_structure_list_toptimefw input{border:0; margin: 0; background-color: #fff; padding: 0 5px; cursor: pointer;width: 70px; height: 24px;font-size:12px;}
      .knowledge_structure_list_top_sousuo{height:30px;width: 230px;margin-right: 15px; padding: 0 10px; border: 1px solid #ddd; transition: all 0.3s ease 0s;}
    
    .knowledge_structure_list_top_right{position: absolute;right:0;top:15px;background-color:transparent;border:1px solid transparent;cursor: default;}
    .knowledge_structure_list_top_right>div{float:left;color:$maincolor;margin-left:10px;cursor:pointer}
    .knowledge_structure_list_top_right>div .icon{margin-right:3px;font-size:16px;}
    }

.knowledge_structure_list_main{width:1140px;margin:0px auto;background-color:#fff;border:1px solid #ddd;border-radius:3px;min-height:600px;}

.knowledge_structure_list_main .angular-ui-tree-node {width: 100%; display: inline-block ; position: relativem;}
// .knowledge_structure_list_main .angular-ui-tree-node .knowledge_structure_list_zshgname{border-left:3px solid transparent;}
.knowledge_structure_list_main .angular-ui-tree-node .angular-ui-tree_nr {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.angular-ui-tree_more{float: right;color: $maincolor}
.angular-ui-tree_more ul{ display: none;position: absolute;border: 1px #ddd solid;right: 2px;padding: 5px;border-radius: 3px;background-color: white;    z-index: 1;}
.angular-ui-tree_more:hover ul{display:block;}
.angular-ui-tree-handle{overflow: visible!important;}
.selector_nameboxbg{opacity: 0;}
.selector_namebox{background-color: #fff;border-radius: 3px;padding: 10px;z-index: 9;top: 36%;position: fixed;text-align: center;width: 144px;display: block; border:10px #666666 solid; margin-left: 10px}
.selector_namebox .btn{display: block;margin: auto;margin-top: 10px;}

.knowledge_structure_list_main .knowledge_structure_list_itemtitle{height: 45px; background: #fff !important;border-bottom: 1px solid #ddd}
.knowledge_structure_list_main .knowledge_structure_list_itemtitle>div.knowledge_structure_list_zshgname{/*padding-left: 34px;*/ box-sizing: border-box;}
.knowledge_structure_list_main .knowledge_structure_list_itemtitle>div{color:#999;text-align:left;float:left; height:45px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#666;display: -webkit-flex; display: -ms-flexbox; display: flex;align-items: center; -webkit-align-items: center;}
.knowledge_structure_list_main .angular-ui-tree-node .angular-ui-tree-handle{padding:0 !important}
.knowledge_structure_list_main .angular-ui-tree-node .angular-ui-tree-handle>div{height: 40px;float:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#666;display: -webkit-flex; display: -ms-flexbox; display: flex;align-items: center; -webkit-align-items: center;}
.knowledge_structure_list_main .angular-ui-tree-node .angular-ui-tree-handle:hover{background-color: #e5f0f8;}
.knowledge_structure_list_main .angular-ui-tree-node .angular-ui-tree-handle:hover .knowledge_structure_list_zshgname{border-color: #e5f0f8;}
.knowledge_structure_list_main  .angular-ui-tree-node .angular-ui-tree-handle.activexz{background-color: #e5f0f8;border-color: $maincolor; }

.knowledge_structure_list_main .angular-ui-tree-node .angular-ui-tree-handle.activexz .knowledge_structure_list_zshgname{border-color: #e5f0f8;}

.knowledge_structure_list_cz{width:6%;}
.knowledge_structure_list_zshgname{width:34.5%;box-sizing:border-box;padding-left: 10px;}
.knowledge_structure_list_kjs{width:11.5%;}
.knowledge_structure_list_sjs{width:11.5%}
.knowledge_structure_list_tms{width:11.5%}
.knowledge_structure_list_fzr{width:25%}
.knowledge_structure_list_kjs .icon{color:#ff6666;margin-right:3px;font-size:18px;}
.knowledge_structure_list_sjs .icon{color:#339966;margin-right:3px;font-size:18px;}
.knowledge_structure_list_tms .icon{color:#ff9b20;margin-right:3px;font-size:18px;}
.knowledge_structure_list_fzr{position: relative}
.knowledge_structure_list_fzr .knowledge_structure_list_fzr_more{width:40px;position: absolute;right:15px;top:0;font-size: 26px; margin-top: 7px;}
.knowledge_structure_list_fzr .knowledge_structure_list_fzr_main{padding-right: 55px; box-sizing: border-box; width: 100%; overflow: hidden;display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; flex-wrap: wrap; text-overflow: ellipsis; height: 40px;}
.knowledge_structure_list_fzr .knowledge_structure_list_fzr_main span{background: #ebebeb;color:#666;margin-bottom:9px; margin-right: 10px; margin-top: 9px; padding: 0px 8px; border-radius: 20px; font-size: 12px;}
.knowledge_structure_list_main{
li.angular-ui-tree-node >ol>li .angular-ui-tree-handle .knowledge_structure_list_zshgname {padding-left: 20px;}
li.angular-ui-tree-node >ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 30px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 40px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 50px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 60px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 70px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 80px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 90px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 100px; }
li.angular-ui-tree-node >ol>li> ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 110px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handlev>.knowledge_structure_list_zshgname{padding-left: 120px; }
li.angular-ui-tree-node >ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>.angular-ui-tree-handle>.knowledge_structure_list_zshgname{padding-left: 130px; }

}
.knowledge_structure_list_fzr_more:hover .menu2{ display:block; }
.knowledge_structure_list_fzr_more .menu2{display:none;position: inherit;width: 120px;background-color: white;border: 1px #ddd solid;padding: 0;z-index: 999;border-radius:3px;box-shadow:2px 2px 3px #ddd;}
.knowledge_structure_list_fzr_more .menu2 li{ height: 28px; line-height: 28px;  padding: 0 10px; font-size: 14px; }
.knowledge_structure_list_fzr_more .menu2 li:hover{ background-color: #ededed; }
.arrow-up {    width:0;     height:0;     border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #ddd;  margin-top:-10px;}
/***********************知识编辑列表****************************/
.knowledge_structure_adddy{left:50%;margin-left:-300px;position:fixed;width:600px;max-height:100%;padding:50px 0; box-sizing:border-box;flex:0 0 auto;/*padding-top:25%;padding-bottom:20px;min-height:620px;width:100%;position: relative;*/display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; -ms-flex-align: stretch; /*align-items: stretch;vertical-align: top; */

  .knowledge_structure_addl{width:452px;height:620px;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 15px; z-index: 1; transition: box-shadow .1s ease; box-sizing: content-box; padding-right: 12px;}
  .knowledge_structure_addl>div{height:100%}
  .knowledge_structure_addr{position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  .knowledge_structure_add{overflow-x:hidden; overflow-y:auto; z-index:999;width:100%; background-color:#f4f4f4; border:1px solid #ddd;border-radius:3px 3px 0 0;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 15px; box-sizing: border-box;}
  .knowledge_structure_add_titler{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .knowledge_structure_add_jdsz> li{padding:4px 15px;border-bottom:1px solid #eee;line-height:26px;position:relative;    display: -webkit-flex; display: -ms-flexbox;  display: flex; -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .knowledge_structure_add_jdsz> li:hover .knowledge_structure_add_jdszr label{color:$maincolor;cursor:pointer}
  .knowledge_structure_add_jdsz> li:hover{cursor:pointer}
  .knowledge_structure_add_jdsz> li:last-child{border:0}
  .knowledge_structure_add_jdsz> li .knowledge_structure_add_jdszr input{ border:0;padding:0 100px 0px 0px;width:100%;line-height:32px;background-color:#fff; }
  .knowledge_structure_add_main{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .knowledge_structure_add_title,.knowledge_structure_add_footer{-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px;}

  .knowledge_structure_add_column{border-radius:3px;border:1px solid #ddd;background-color:#fff;margin-bottom:15px;/*overflow:hidden;*/}
  .knowledge_structure_add_jdszxg{position: absolute; font-size:12px;right: 15px; top: 5px; z-index: 2;color:$maincolor;cursor:pointer} 
  .knowledge_structure_add_jdsz> li label{position: relative; top: 0; left: 0;    color: #666;width: 115px;    line-height: 32px;}
  .knowledge_structure_add_jdsz> li label i{position:relative;top:1px;margin-right:5px;}
  .knowledge_structure_add_titler{ position:relative}
  .knowledge_structure_add_titlel{color:#999;font-size:18px;}
   .knowledge_structure_add_titlezwf{-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
 
  .knowledge_structure_add_titler .xzzjd{display:none;position: relative;width: 100px;cursor: pointer;line-height: 30px;color:$maincolor;margin-right:10px;}
  .knowledge_structure_add_titler .xzzjd i{ position:relative;left:0px;top:2px;margin-right:4px;}
  .knowledge_structure_add_titler .delect{display:none;line-height:30px;color: $maincolor;cursor:pointer}
  .knowledge_structure_add_titler .delect i{font-size:16px;}
  .knowledge_structure_add_titler .close {position: relative;right: -5px;top: 0px;line-height: 22px;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);font-size: 30px;cursor: pointer;color: #999999;}

  .knowledge_structure_add_fzr{padding:5px 15px;}
  .knowledge_structure_add_fzrtitle{line-height:30px;font-size:16px;color:#666;margin-bottom:5px;}
  .knowledge_structure_add_fzrmain ul{flex-wrap: wrap;  -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .knowledge_structure_add_img img{width:36px;height:36px;margin-right:10px;margin-bottom:5px;} 
  .knowledge_structure_add_fzrmain .checkboxsxtjtj{margin:8px 0}
  .knowledge_structure_add_footer{z-index:998;padding: 8px 0;height:50px;background-color:#fff;width:100%;border:1px solid #ddd;box-sizing:border-box;margin-top:-1px;border-radius:0 0 3px 3px;margin-bottom:0;}
  .knowledge_structure_add_footer .btn{ background-color:$maincolor;color:#fff; position:absolute;right:15px; padding:4px 35px;}
  .knowledge_structure_add_footer  button.btn[disabled],.knowledge_structure_add_footer button.btn[disabled]:hover {color: #333 !important; background: #eee !important;border:1px solid #ddd !important;}
  .knowledge_structure_add_columnejsdjs>li{padding:5px 15px;border-bottom:1px solid #eee;line-height:32px;position:relative;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .knowledge_structure_add_columnejsdjs>li:last-child{border:0}
  .knowledge_structure_add_columnejsdjs>li .knowledge_structure_add_sxr input{border:0;padding:0 80px 0 0;width:100%;line-height:32px;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
  .knowledge_structure_add_columnejsdjs>li .knowledge_structure_add_sxl {width:110px; position: relative; top: 0; left: 0; color: #666; -webkit-flex:0  0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
  .knowledge_structure_add_columnejsdjs>li .knowledge_structure_add_sxl>label i{margin-right:5px;position:relative;top:1px;}
  .knowledge_structure_add_columnejsdjs>li .knowledge_structure_add_sxr{position: relative;flex-wrap: wrap;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
  .knowledge_structure_add_lable {position: absolute;font-size:12px; right: 15px; top: 5px; z-index: 2; color: $maincolor; cursor: pointer; }
  .knowledge_structure_add_jdszl{width:110px;display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; }
  .knowledge_structure_add_jdszr{display: -webkit-flex; display: -ms-flexbox; display: flex;  -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex-direction: row; flex-direction: row; -webkit-flex-direction: row;}
.knowledge_structure_add_sxl_textarea{border: 0; height: 115px; width: 100%; resize: none; line-height: 23px; color: #666;} 


}

.xiaoge{ padding: 3px; border:1px #ddd solid; margin-right: 5px; }


/********************************************公告管理**************************************************************/
.gonggaoliebiao{width: 1140px;margin:10px auto 0;color:#666;
.gonggaoliebiao_title{width: 1140px;position: relative; height: 32px; margin: 10px auto; color: #666; line-height: 30px;box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.gonggaoliebiao_chaxun{border-radius: 3px;width: 230px; padding: 0 10px; border: 1px solid #ddd; transition: all 0.3s ease 0s;}
.gonggaoliebiao_shaixuan {border-radius: 3px;border: 1px solid #ddd; background-color: #fff; padding: 0 10px; margin: 0 15px; cursor: pointer; transition: all 0.3s ease 0s; }

.gonggaoliebiao_titleright{position: absolute;right:0;top:0;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.gonggaoliebiao_titleright > div{cursor:pointer;color:$maincolor;margin-left:15px;}
.gonggaoliebiao_titleright > div i{font-size: 16px; margin-right: 5px;}
.gonggaoliebiao_main{background-color:#fff;border:1px solid #ddd;border-radius:3px;color:#666;padding-bottom:5px;min-height:600px;}
.gonggaoliebiao_main>ul> li {transition:$transition;}
.gonggaoliebiao_main>ul> li .gonggaoliebiao_mainli{height: 55px;margin-left:40px;border-bottom:1px solid #ddd;transition:$transition;color:#666; cursor:pointer; position: relative;-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
// .gonggaoliebiao_main>ul> li:last-child .gonggaoliebiao_mainli {border-bottom:0 !important}
.gonggaoliebiao_main>ul> li> .gonggaoliebiao_mainli >div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding:4px 5px;box-sizing: border-box;position: relative;align-self: center; -webkit-align-self: center; align-items: center; text-align: center;}

.gonggaoliebiao_main>ul> li:first-child .gonggaoliebiao_guanlizh{padding:4px 0  4px 25px !important;height:auto}
.gonggaoliebiao_mainli{margin:0px 30px 0 0;}
.gonggaoliebiao_main>ul> li:first-child .gonggaoliebiao_mainli>div{color:#666}
.gonggaoliebiao_check{width: 40px;transition:$transition; position: absolute !important; left: -40px;padding-left:0 !important;height: 32px; background: transparent; top: 16px; }
.gonggaoliebiao_ggtitle{width:280px; box-sizing: border-box; text-align: left !important;transition:$transition }
.gonggaoliebiao_ggtitle:hover{color:$maincolor;transition:$transition}
.gonggaoliebiao_guanlizh{width: 240px; box-sizing: border-box;padding: 0 0 0 5px !important; text-align: left !important; height: 40px;}
.gonggaoliebiao_beizhu{width: 150px;text-align:center}

.gonggaoliebiao_beizhu .gonggaoliebiao_item_date{color:#999;}
.gonggaoliebiao_fzqys{width: 100px;text-align:center}
.gonggaoliebiao_fzqyname{width: 336px;text-align:center}

.gonggaoliebiao_check .liebiaocheck-box{top:0}
.gonggaoliebiao_main>ul> li:first-child:hover .gonggaoliebiao_mainli{border-bottom:1px solid #ddd !important;}
.gonggaoliebiao_main>ul> li:first-child:hover{background-color:#fff !important;}
.gonggaoliebiao_main>ul> li:first-child:hover .gonggaoliebiao_check{background-color:#fff !important;}
.gonggaoliebiao_main>ul> li:hover{background-color:#e5f0f8;transition:$transition;}
.gonggaoliebiao_main>ul> li:hover .gonggaoliebiao_mainli{border-bottom:1px solid #e5f0f8;}
.gonggaoliebiao_mainli:hover .personnelIMxiugai{display:block!important;}
.gonggaoliebiao_mainli .personnelIMxiugai{left:0;}
.gonggaoliebiao_main>ul> li:hover .gonggaoliebiao_check{background-color:#e5f0f8;transition:$transition;}
.gonggaoliebiao_guanlizh_name_left img{width:40px;border-radius:50%;}
.gonggaoliebiao_guanlizh_name_left{width: 50px; position: absolute; left: 3px;}
.gonggaoliebiao_guanlizh_name_right{width: 100%; padding-left: 50px; box-sizing: border-box;}
.gonggaoliebiao_guanlizh_name_right>div{overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;}
.gonggaoliebiao_guanlizh_name_right_email{color:#999;}
}


.gonggaoxinzeng_bottom_title{margin:10px 0;color:#666}
.gonggaoliebiao_title_sfjj {margin-right:10px;}
.gonggaoliebiao_title_sfjj select{height: 32px; border-radius: 3px; border: 1px solid #ddd; padding: 0 5px; line-height: 34px; background-color: #fff; cursor: pointer;}
.gonggaoxinzeng_baocun{position: absolute; bottom: 0; text-align: right; width: 100%; left: 0; padding: 6px 15px; box-sizing: border-box; background: #fff; border-top: 1px solid #ddd;}

.gonggaoxinzeng_baocunform{position: relative; margin: 0; text-align:right;} 
.gonggaoxinzeng_baocunform .btn{ margin-left:10px;padding:6px 30px;}
.gonggaoxinzeng_baocunform .btn.queding{background-color:$maincolor;color:#fff;transition:$transition;}
.gonggaoxinzeng_baocunform .btn.queding:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
.gonggaoxinzeng_baocunform .btn.quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
.gonggaoxinzeng_baocunform .btn.quxiao:hover{background-color:$maincolor;color:#fff;transition:$transition;}

.gonggaoxinzeng{width: 450px; height: 500px; background: #eee; position: relative;border-radius: 3px; padding: 15px; box-sizing: border-box;}
.gonggaoxinzeng_title{color: #666; position: relative;margin-bottom: 15px; font-size: 18px;}
.gonggaoxinzeng_top{position: relative;height: 50px;}
.gonggaoxinzeng_top input{padding:6px 12px;box-sizing:border-box;height: 38px;position: absolute;}
.gonggaoxinzeng_middle input{position: relative; top: 3px; margin-right: 5px;}
.gonggaoxinzeng_middle {position: relative;padding-left:25px}
.gonggaoxinzeng_middle .gonggaoliebiao_check{top:2px;left:-15px;}
.gonggaoxinzeng_bottom_bottom{height: 280px;background-color:#fff;overflow:hidden;border-radius:3px;}



.gonggaochakan{width: 450px; height: 500px; background: #eee; position: relative; border-radius: 3px; padding: 15px; box-sizing: border-box;}
.gonggaochakan_title {color: #666; position: relative; margin-bottom: 15px; font-size: 18px;}
.gonggaochakan_top{font-size: 18px;line-height: 39px;text-align: center;height: 48px;}
.gonggaochakan_time{color:#999;position: absolute; right: 0; top: 0;font-size:12px;}
.gonggaochakan_main{color:#666;line-height:26px;text-indent: 25px;margin-top:10px; background-color: #fff; padding:10px; }
.gonggaochakan_time .icon{width: 1.5em; height: 1.5em; margin-right: 2px; position: relative; top: 2px;}
.gonggaochakan_fbrname{color: #999;line-height:23px;}
.gonggaochakan_fbrname img {border-radius: 50%; width: 20px; float: left; margin-right: 5px; position: relative; top: 3px;}
.gonggaochakan_fbrname span{font-size: 12px; margin-right: 5px; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gonggaochakan_middle{position: relative;}



/****************************************学员-任务列表*****************************/

 .xueyuanduan_renwulist_top{width:1170px;padding: 10px 0;margin:0 auto;position: relative;
      .xueyuanduan_renwulist_top_fl{display: -webkit-box; width: 535px; margin: 0 auto;}
      .xueyuanduan_renwulist_top_fl .badge{margin-left: 4px;position: absolute; top: 4px;padding: 0 5px; font-size: 12px;background-color:$maincolor;color:#fff;border-radius:50px;}
      .xueyuanduan_renwulist_top_fl>li{margin-right:50px;position: relative;padding: 10px 0;font-size: 16px;color:#999;cursor:pointer}
      .xueyuanduan_renwulist_top_fl>li.active{color:#666}
      .xueyuanduan_renwulist_top_fl>li:nth-child(2) .badge{background: #ffbb66;}
      .xueyuanduan_renwulist_top_fl>li:nth-child(4){margin-right:30px;} 
      .xueyuanduan_renwulist_top_fl>li:nth-child(5) .badge{background: #ff6666;}

}
.xueyuanduan_renwulist_title{background-color:#fff;line-height: 30px;border-radius:3px;padding:15px;position: relative;    display: -webkit-box;}
.xueyuanduan_renwulist_title_right{line-height: 30px;position: absolute;right:15px;top:15px;    display: -webkit-box;}
.xueyuanduan_renwulist_title .xueyuanduan_renwulist_title_sousuo{ position: relative;}
.xueyuanduan_renwulist_title .xueyuanduan_renwulist_title_sousuo input{background-color: #f6f6f6; overflow: hidden; border-radius: 3px; height: 28px; width: 150px; font-size: 12px; padding: 0 40px 0 10px; border: 1px solid #fff; transition: all 0.3s ease 0s;}
.xueyuanduan_renwulist_title .xueyuanduan_renwulist_title_sousuo .icon{position: absolute; right: 10px;margin-right:0; top: 6px; font-size: 18px; color: #666;}
.xueyuanduan_renwulist_title>div{margin-right:10px;color:#999}
.xueyuanduan_renwulist_title_right>div{margin-left:10px;}
.xueyuanduan_renwulist_title>div .icon{font-size: 18px; position: relative; top: 1px; margin-right: 4px;}
.xueyuanduan_renwulist{width:1170px;margin:0 auto}
.xueyuanduan_renwulist_main{background-color:#fff;padding:15px;border-radius:3px;}
.xueyuanduan_renwulist_itemgroup{border:1px solid #ddd;border-radius:3px;padding-bottom: 5px;}
.xueyuanduan_renwulist_item{/*border-bottom:1px solid #eee;*/ width: 1140px;}
.xueyuanduan_renwulist_item .panel-heading{border-bottom:1px solid #ddd;border-right: 1px #ddd solid;}
.xueyuanduan_renwulist_item .panel-heading:hover{ background-color: #eee;}
.xueyuanduan_renwulist_item .panel-heading a{position: relative;display:-webkit-box;padding:10px 15px;line-height:32px;color:#666;text-decoration:none}
.xueyuanduan_renwulist_item .panel-heading a img{display:none;}
.xueyuanduan_renwulist_item .panel-body{padding:0 15px 15px;border-bottom: 1px solid #eee;}
.xueyuanduan_renwulist_item .progress{height: 6px; background: #666;width: 135px;border-radius:4px; overflow: hidden;margin-top:13px;margin-left:10px;}
.xueyuanduan_renwulist_item .progress .progress-bar{background-color:$maincolor;height:100%}
.xueyuanduan_renwulist_item_weikaishi .progress .progress-bar{background-color:#ffbb66;width:100% !important}
.xueyuanduan_renwulist_item_jinxingzhong .progress .progress-bar{background-color:$maincolor;}
.xueyuanduan_renwulist_item_wancheng .progress .progress-bar{background-color:#339966; width:100% !important; }
.xueyuanduan_renwulist_item_weikaishi .xueyuanduan_renwulist_progress .icon{color:#ffbb66;}
.xueyuanduan_renwulist_item_jinxingzhong .xueyuanduan_renwulist_progress .icon{color:$maincolor;}
.xueyuanduan_renwulist_item_wancheng .xueyuanduan_renwulist_progress .icon{color:#339966;}

/*新增样式类型*/
.xueyuanduan_renwulist_itemimg{ width: 25%!important;float: left;}
.xueyuanduan_renwulist_itemimg .panel-heading a{padding-bottom: 32px; display: block!important;}
.xueyuanduan_renwulist_itemimg .panel-heading a img{display:block; width: 100%;margin-bottom: 10px;}
.xueyuanduan_renwulist_itemimg .panel-heading a span{font-size: 14px;line-height: 18px;height: 36px;overflow: hidden;display: inline-block;}
.xueyuanduan_renwulist_itemimg .xueyuanduan_renwulist_progress{left: 14px;bottom: 3px;    top: initial;    right: inherit;}

.xueyuanduan_renwulist_item_weikaishi .xueyuanduan_renwulist_item_xxjg .icon{color:#ffbb66;font-size: 18px;margin-right:3px;}
.xueyuanduan_renwulist_item_jinxingzhong .xueyuanduan_renwulist_item_xxjg .icon{color:$maincolor;font-size: 18px;margin-right:3px;}
.xueyuanduan_renwulist_item_wancheng .xueyuanduan_renwulist_item_xxjg .icon{color:#339966;font-size: 18px;margin-right:3px;}


.xueyuanduan_renwulist_progress{display:-webkit-box;position: absolute; right: 120px;top: 10px;}
.xueyuanduan_renwulist_progress .icon{color:$maincolor;margin-right:3px;font-size: 18px;position:relative;top:1px;}
.xueyuanduan_renwulist_item_jieduangroup>span {background: #fff;cursor:pointer;border:1px solid #cecece;color:#666; border-radius: 20px; float: left; margin-right: 10px; padding: 2px 10px; }
.xueyuanduan_renwulist_item_jieduangroup>span.active{background-color:#cecece;color:#fff}
.xueyuanduan_renwulist_item_img{height:130px;    font-size: 60px;    text-align: center;    line-height: 130px;overflow: hidden;background-color: #eee;    color: #777;}
.xueyuanduan_renwulist_item_img img{width:100%;height:130px; transition: all 0.6s;}
.xueyuanduan_renwulist_item_livets{background: rgba(0, 0, 0, 0.5); margin-top: -30px; color: #fff; height: 30px; line-height: 30px;}
.xueyuanduan_renwulist_item_livets span{background: $maincolor; padding: 5.5px 13px;}
.xueyuanduan_renwulist_item_jieduangroup{display:flex;margin-top:10px;}
.xueyuanduan_renwulist_list-group{display:inline-block}
.xueyuanduan_renwulist_list-group li{width:210px;float:left;border-radius:5px;border:1px solid #ddd;background-color:#fff;box-sizing:border-box;margin-top:10px;margin-right:15px; overflow: hidden;}
.xueyuanduan_renwulist_list-group li:hover img{transform: scale(1.2);}
.xueyuanduan_renwulist_list-group li:nth-child(5n){margin-right:0}
.xueyuanduan_renwulist_item_name{height:40px;color:#666;overflow:hidden;margin:5px 0;padding:0 10px;}
.xueyuanduan_renwulist_item_xxjg{position: relative;padding:0 10px;color:#999;margin-bottom:5px; }
.xueyuanduan_renwulist_item_xxjg span{position: absolute;right:10px;top:0}
.xueyuanduan_renwulist_item_xxjg span .icon{color:#999 !important;}
.xueyuanduan_renwulist_item_xiangqing{color:#999;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:0 10px;margin-bottom:15px;}
.xueyuanduan_renwulist_item_xiangqing span label{color:#666}

.xueyuanduan_renwulist_item_xuexitj{background-color:#eee;border:3px;margin-top:10px;padding:15px}
.xueyuanduan_renwulist_item_xuexitj >span{margin-right:150px;float:left;display: -webkit-box;line-height: 26px;color:#979797}
.xueyuanduan_renwulist_item_xuexitj >span>div{margin-left:10px;}
.xueyuanduan_renwulist_item_xuexitj .icon{margin-right:3px;font-size: 18px;margin-right:3px;position: relative;top:1px;}

.xueyuanduan_renwulist_item .panel-heading a .badge{font-weight: 100; display: inline-block; min-width: 10px; padding: 3px 15px; float: right; color: $maincolor; font-size: 14px; position: absolute; right: 0; top: 7px;}
.xueyuanduan_renwulist_item .panel-heading a .badge .icon {font-size: 20px; position: relative; top: 2px;}

.xueyuanduan_renwulist_item_page_title{position: relative;margin-top:10px;}
.xueyuanduan_renwulist_item_page_title .btn{border-radius:20px;border:1px solid $maincolor;color:$maincolor;    padding: 4px 20px;}
.xueyuanduan_renwulist_item_page{position: absolute; right: 0; top: 0; }
.xueyuanduan_renwulist_item_page>div{background-color: #fff;cursor:pointer; margin-left: 5px; float: left; border: 1px solid #ddd; border-radius: 4px; text-align: center; padding: 4px 6px; width: 19px; color: #999; font-size: 12px;}
.xueyuanduan_renwulist_item_page>div:hover{border-color:#999 !important;color:#999 !important}
.xueyuanduan_renwulist_item_page>div:hover .icon{color:#999 !important}
.xueyuanduan_renwulist_item_page>div .icon{width:0.8em;height:0.8em;position: relative;top:-1px; }
.xueyuanduan_renwulist_item_page>div:first-child{margin-left:5px;border:0;width:auto;background-color:transparent;font-size:14px;}
    


/********************************************组织结构模板*******************************************/
.zhishijiegoumoban{position: relative;width:820px;height:500px;margin:0 auto;background: #fff; box-sizing: border-box; border-radius: 3px;}
.zhishijiegoumoban_title{font-size: 18px;color: #666;position: relative;padding: 12px 15px;background:#f7f7f7}
.zhishijiegoumoban_title .close{top:12px}
.zhishijiegoumoban_main{position: relative; height: 387px; border-top: 1px solid #eee;}
.zhishijiegoumoban_main_left{overflow: auto;width:170px;border-right: 1px solid #ddd; box-sizing: border-box; height: 100%;}
.zhishijiegoumoban_main_left>ul>li{border-bottom: 1px solid #ddd;border-left:3px solid transparent;color:#666;position: relative; padding: 20px 0;}
.zhishijiegoumoban_main_left>ul>li.active{border-left:3px solid $maincolor !important;color:$maincolor}
.zhishijiegoumoban_main_left>ul>li .liebiaocheck-box{top: 0px; left: 12px;}

.zhishijiegoumoban_main_left>ul>li .icon{position: absolute; left: 35px; font-size: 16px; top: 19px;color:#999}
.zhishijiegoumoban_main_left>ul>li.active .icon{color:$maincolor}
.zhishijiegoumoban_main_left_name{position: absolute; left: 60px; top: 16px; font-size: 14px;}



.zhishijiegoumoban_main_right{width: 650px;background:#f7f7f7; position: absolute; right: 0; top: 0;border-bottom: 1px solid #ddd;box-sizing: border-box; padding:0 15px;height: 100%; overflow-y: auto;}
.zhishijiegoumoban_main_column{background:#fff;border-radius:3px; margin-top: 15px;}
.zhishijiegoumoban_main_column:last-child{margin-bottom:15px;}
.zhishijiegoumoban_bottom{background: #fff; padding: 15px; text-align: right; position: absolute; width: 100%; bottom: 0; box-sizing: border-box;}

.zhishijiegoumoban_main_title{display: -webkit-box; font-size: 16px; color: #666;}
.zhishijiegoumoban_main_title .liebiaocheck-box{top:3px;left: 0;}
.zhishijiegoumoban_main_fenlei {margin-left: 18px; }
.zhishijiegoumoban_main_fenlei >ul{clear: both; display: inline-block;}
.zhishijiegoumoban_main_fenlei >ul>li{cursor:pointer;display: -webkit-box; margin-top: 8px; color: #666; float: left; margin-right: 30px;}
.zhishijiegoumoban_main_fenlei >ul>li .liebiaocheck-box{top:2px;left: 0;}
.zhishijiegoumoban_main_fenlei >ul>li.active{color:$maincolor}
.zhishijiegoumoban_main_fenlei >ul>li.active .liebiaocheck-box {border: 1px solid $maincolor; color: $maincolor; }
.zhishijiegoumoban_bottom_quxiao{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}
.zhishijiegoumoban_bottom_quxiao:hover{background-color:$maincolor;color:#fff;transition:$transition;}

.zhishijiegoumoban_bottom_queding{background-color:$maincolor;color:#fff;transition:$transition;}
.zhishijiegoumoban_bottom_queding:hover{background-color:#fff;color:$maincolor;border:1px solid $maincolor;transition:$transition;}

/**考试成绩**/
.resultwindow{width:600px;background-color: #f4f4f4; max-height: 800px; overflow-y: auto; overflow-x: hidden; }
.resultwindow .head{height: 25px;padding:10px; position:relative; padding-bottom: 0}
.resultwindow  .head .title{font-size: 18px;color:#ccc;}
.resultwindow .head .close{padding:10px;font-size: 30px;cursor: pointer;color: #999999; }
.resultwindow .tools {padding:10px; }
.resultwindow .center {margin :10px; background-color: #fff; }
.resultwindow .center .head {padding: 5px;}
.resultwindow .center  .username{width:240px;float: left; }
.resultwindow .center  .jiaojuantime{width: 130px;float: left;text-align: center;}
.resultwindow .center  .score{width: 100px;float: left;text-align: center;}
.resultwindow .center  .buttonlook{width: 100px;float: left;text-align: center;}
.resultwindowcontent{ padding: 5px; }
.resultwindowcontent_title{  height: 35px; line-height: 35px; font-size: 14px; margin-bottom: 5px; color: #999999; }
.resultwindowcontent_title .resultwindowcontent_title_left{ float: left; font-size: 16px; padding-left:5px;  }
.resultwindowcontent_title .resultwindowcontent_title_left span{ cursor: pointer; }
.resultwindowcontent_title .resultwindowcontent_title_left .active{ font-weight: bold;color: #5b5b5b; }
.resultwindowcontent_title .resultwindowcontent_title_right{ float: right;  }
.resultwindowcontent .iconfont{ margin: 0; }
.resultwindowcontent .touxiang{border-radius:50%; margin-bottom:-7px; margin-right: 5px;}




@media(max-width:820px){
   .knowledgebase_trainingplan_tool .knowledgebase_trainingplan_right_jieduan_more .dropdown-menu{right: -30px; left: initial; top: 25px;} 
}

@media(min-width:1200px){

  .knowledgeliebiaoxgcz_gengduo_menu{right:-30px !important}
}
@media (max-width:1380px){
    .new_curriculum .new_curriculum_zj_more .dropdown-menu {right: -15px; top: 43px; z-index: 3;}
    .new_curriculum .new_curriculum_jianjie_xq .dropdown-menu{right:-22px;}
    .new_curriculum .new_curriculum_jianjie_xq .dropdown-menu::before{left:165px;}  
    .new_curriculum .new_curriculum_jianjie_xq .dropdown-menu::after{left:165px;}
}
@media (max-width:1200px){
  .index_home_jumbotron{width:990px;}
  .question_list{width:960px;}
  .index_home_thumbnail_left span{padding: 5px 16px; font-size: 2em;}
  .index_home_thumbnail_right{padding-left: 60px}
  .knowledgemian{max-width:960px}
  .communicationtop{width: 960px;}
  .communicationbottom {width:960px;}
  .communication_Set_up{width:960px;}
  .communicationrwxqtop{width:960px;}
  .communicationrwxqbottom{width:960px;}
  .knowledge_yulanmosji .knowledgeliebiaonamemain_text.biaoqianthird {max-width: 110px;}
  .knowledge_yulanmosji .knowledgeliebiaonamemain_text.biaoqiansecond {max-width: 116px;}
  .knowledge_yulanmosji .knowledgeliebiaonamemain_text.biaoqianfirst {max-width: 121px;}
  .knowledge_yulanmosji .knowledgeliebiao_wenjianjia .knowledgeliebiao_caozuoxiang > svg{width:16.2%}
  .knowledge_yulanmosji .knowledge_shangchuanjindu {width: 100%; padding: 0 15%; box-sizing: border-box;}
  .knowledge_yulanmosji .knowledge_shangchuanjindu_yulan_zhuanhuan{right:16%;}
  .traintask {
    .traintask .traintask_top{width:960px;}
    .traintask_main_liebiao_pxcaozuo ul{width:auto;right: 0; top: 55px;}
    .traintask_main{width:960px;}
    .traintask_top{width:960px;}
    .traintask_main_liebiaoli_xiugai{left:36px;}
    .liebiaocheck-box{left: 12px;}
    .traintask_main_liebiao_pxcaozuo{font-size:12px;}
     .traintask_main_liebiaoli:first-child .traintask_main_liebiaolinr>div{font-size:12px;}
     .traintask_main_liebiao_pxcaozuo>div{margin-right:10px;}
  }

 .new_curriculum{width:960px;
      .new_curriculum_right{width:625px}
      .new_curriculum_zj_more .dropdown-menu{right:-15px;top:43px;z-index:3}
      .new_curriculum_jianjie_xq_kczj{display: -webkit-box;padding:7px;}
      .kczj_text{width:160px;margin-right:10px;}
      .kczj_address{width:190px;margin-right:10px;}
      .kczj_sfzdxxrs{margin-right:10px;}
      .new_curriculum_jianjie_xq_guanli .curriculum_guanli{padding: 10px 0;}

  }
.knowledge_liebiao{
  .knowledgeliebiaonamemain_text{width:270px}
  .knowledgeliebiaonamemain_text.biaoqianfirst {width: 250px;}
  .knowledgeliebiaonamemain_text.biaoqiansecond {width: 245px; }
  .knowledgeliebiaonamemain_text.biaoqianthird {width: 240px;}
}

.qiyeliebiao{width: 960px;
.qiyeliebiao_check{width:40px;}
.qiyeliebiao_qiyename{width:165px}
.qiyeliebiao_zhucetime{width:165px}
.qiyeliebiao_zhuceren{width:190px}
.qiyeliebiao_huoyuedu{width:115px}
.qiyeliebiao_xuyuanshu{width:90px}
.qiyeliebiao_kecehngshu{width:95px}
.qiyeliebiao_qiyeguanli{width:100px}
}
.erjiyunyingliebiao_main{
.erjiyunyingliebiao_check{width: 40px;}
.erjiyunyingliebiao_guanlizh{width:220px}
.erjiyunyingliebiao_beizhu{width:185px;}
.erjiyunyingliebiao_fzqys{width:105px;}
.erjiyunyingliebiao_fzqyname{width:410px;}
}

.xuexidangan > div{width: 960px;}
.xuexidangan_third > div{width:790px}
.xuexidangan_main {width: 790px;}
.xuexidangan_second > div {width: 790px;}
.xuexidangan_xxqx_right table{width:420px}
.xuexidangan_nlqx_right table{width:420px}


.xueyuanduan_renwulist_top {width: 960px;}
.xueyuanduan_renwulist{width:960px;}
.xueyuanduan_renwulist_item{ width: 930px;}
.xueyuanduan_renwulist_list-group li {width: 213px;}
.xueyuanduan_renwulist_list-group li:nth-child(4n){margin-right:0 !important;}
.xueyuanduan_renwulist_list-group li:nth-child(5n){margin-right:15px !important;}

}
@media (max-width:768px){
  .question_list{width:100%;
    header{
      height: auto;
      .question_list_nav_head_right{position:relative;top:initial;right:initial;    display: inline-block;}
      .question_list_nav_head_left li:first-child{width:100%;margin-right:0}
    }
    section{
      .question_list_section_body_left{width:100%}
      .question_list_section_body_right{width:100%;float:none;margin-left:0;margin-top:15px;position: relative;}
      .question_list_section_body_right li{width:100%;margin-right:0 !important}
      .question_list_section_body_right li:nth-child(2){margin-top:15px;}
      .question_list_section_footer_bodybftm li{width:24%;margin-right:1%}
      .question_list_section_footer_bodytmallbody li{width:32%;margin-right:1%}
      .question_list_section_footer_body{height:250px;}
      .question_list_section_footer_bodybftm{height:100%;overflow:auto}
      .question_list_section_footer_bodytmalltop{height:170px !important}
      .question_list_section_footer_bodytmallfooter{height:80px;line-height:20px;}
      .question_list_section_footer_bodytmallfooter_right{position:relative}
      .question_list_section_footer_btngroup .btn{padding:4px 0;margin-right:0;width:30%}
    }
  }



  .question_info{width:100%; margin-bottom: 50px;
     header{height: auto;
          .question_info_nav_head_right{position:relative;top:initial;right:initial;    display: inline-block;}
          .question_info_nav_head_left li:first-child{width:100%;margin-right:0}
}
        
        section{
          .question_info_section_right_body{position: relative;width:100%}
          .question_info_section_right{position: relative;width:100%}
          .question_info_section_left{width:100%;position: relative;}
          .promptContext{position: relative; display: inline-block; margin-top: 20px;}
          .question_info_section_right_layout2>div{width:35%;}
          .question_info_section_right_layout2>div:nth-child(2){width:28.8%}
          .question_info_section_right_layout2{width:100%;position: fixed;bottom: 0; border-top: 1px #eee solid; z-index: 999;}
          .question_info_section_right_layout3{display:none}
          .question_info_section_left_pinglun_footer{top:20px;    bottom: initial;}
          .question_info_section_left_pinglun{padding-top:80px;padding-bottom:20px;}
          .question_info_section_left_pinglun_footer .personal-avatar-logo{display:none}
          .question_info_section_left_pinglun_footer_right{padding:0}
          .question_info_section_left_pinglun_footer_btn{padding:6px 12px;}
          .question_info_section_left_pinglun_footer_right_txt{margin-right:60px;font-size:12px}
          .question_info_section_left_pinglun_footer_right_txt textarea{padding:5px;}
          .ques_Context.activeQuetion .exam_result li textarea{padding:10px 5px}
          .exam_Title .exam_Title_video{width:100%;height:273px;}
          .ques_Context_img .exam_result li{width:50%;}


        }

  }
}
/*提示条样式*/
.toast-title { color: #999;  background-color: #fff; }
.toast-message { word-wrap: break-word; color: #ccc; }
.toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #999; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; margin-top: 5px; margin-right: 10px; }
.toast-close-button:hover, .toast-close-button:focus { color:red; text-decoration: none; cursor: pointer; }
button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
.toast-top-center { top: 0; right: 0; width: 100%; }
.toast-bottom-center { bottom: 0; right: 0; width: 100%; }
.toast-top-full-width { top: 0; right: 0; width: 100%; }
.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; }
.toast-top-left { top: 12px; left: 12px; }
.toast-top-right { top: 12px; right: 12px; }
.toast-bottom-right { right: 12px; bottom: 12px; }
.toast-bottom-left { bottom: 12px; left: 12px; }
#toast-container { position: fixed; z-index: 999999; }
#toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#toast-container .toast { position: relative; overflow: hidden; margin: 0 0 6px; border-radius:3px; padding: 10px 10px 10px 30px; width: 300px; color: #383838; line-height: 25px; border-bottom: 1px #ddd solid; border-top: 1px #ddd solid; border-right: 1px #ddd solid; background-repeat: no-repeat;  background-color: #fff;  }
#toast-container .toast:hover { cursor: pointer; }
#toast-container.toast-top-center .toast, #toast-container.toast-bottom-center .toast { width: 300px; margin-left: auto; margin-right: auto; }
#toast-container.toast-top-full-width .toast, #toast-container.toast-bottom-full-width .toast { width: 96%; margin-left: auto; margin-right: auto; }
.toast { border-left:5px solid #030303; background-color: #fff; }
#toast-container .toast.toast-success { background-image: url('/Images/tixingicon1.png'); background-position: 10px 15px; }
#toast-container .toast.toast-info { background-image: url('/Images/tixingicon2.png'); background-position: 10px 15px; }
#toast-container .toast.toast-warning { background-image: url('/Images/tixingicon3.png'); background-position: 10px 15px; }
#toast-container .toast.toast-error { background-image: url('/Images/tixingicon4.png'); background-position: 10px 15px; }
.toast-success { border-left:5px solid #51A351; }
.toast-error { border-left:5px solid #FF4F3E; }
.toast-info { border-left:5px solid #39f; }
.toast-warning { border-left:5px solid #F89406; }
/*课程学习状态，书签样式*/
.shuqian-down{ width: 66px; position: relative; left: 10px; }
.shuqian-down:hover .shuqian{ height: 50px; }
.shuqian-down:hover .shuqiantext{ top: 13px; }
.shuqian-down .shuqian {width: 0;height: 40px;border-left: 33px solid #4f4f4f;border-right: 33px solid #4f4f4f;border-bottom: 10px solid transparent;color: #fff;position: absolute;transition:all 0.3s ease 0s;}
.shuqian-down .shuqiantext{ position: absolute; display: block; top: 8px; width: 100%; text-align: center;  color: #fff; font-size: 12px; transition:all 0.3s ease 0s; text-align: center;}
.shuqian-down .ing{border-left-color: #39f;border-right-color: #39f;}
.shuqian-down .start{border-left-color: #ffa300;border-right-color: #ffa300;}
li:hover .shuqian-down .shuqian{ height: 50px; }
li:hover  .shuqian-down .shuqiantext{ top: 13px; }
/*学员首页*/
.home_head{ overflow: hidden; margin: 10px -0.5%; }
.home_head div a{display: none;}
.home_head div .iconfont{ font-size: 80px; color: #39f ; margin: 10px;    line-height: 61px;}
.home_head div{ width: 19%;border-bottom:5px #ddd solid; float: left; text-align: center; margin:.5%; background-color: #fff; height: 130px;border-radius:5px; line-height: 30px; padding-top: 28px; background-repeat: no-repeat; background-position: bottom left;transition:all 0.3s linear 0s }
.home_head div:hover{background-position: bottom right; border-bottom:5px #39f solid; }
.home_head div:hover a{display: block;}
.home_head div .home_head_title{  color: #666;margin-top: 10px;    display: block;    line-height: 20px }
.home_head div .home_head_num{ font-size: 28px; }
.home_head div a{ color: #39f; }
.home_left{ width: 69%;  float: left; margin-right: 1%;}
.home_left .home_left_ke{ min-height: 350px; background-color: #fff; border-radius:3px;}
.home_left .home_left_ke ul{ overflow: hidden; margin: 10px 2%; padding-bottom: 5px; clear: both; }
.home_left .home_left_ke ul li{width: 31%;    float: left;    border-radius: 10px;    border: 1px #eee solid;    position: relative;    margin: 1%;    transition: all 0.3s ease 0s;    overflow: hidden;}
.home_left .home_left_ke ul li:hover{box-shadow: 0px 3px 5px #ddd; }
.home_left .home_left_ke ul li img{ width: 100%; }
.home_left .home_left_ke ul li .home_left_ke_title{ font-size: 16px; display: block; height: 40px; padding: 5px; overflow: hidden; }
.home_left .home_left_ke ul li .home_left_ke_miaoshu{ font-size: 12px; padding: 5px; display: block; color: #999; cursor: pointer;}
.home_left .home_left_ke ul li .home_left_ke_miaoshu .iconfont{ font-size: 12px!important; margin-right: 0!important; }
.home_left .home_left_ke ul li .home_left_ke_miaoshu a{  border-radius: 5px;   display: block;    background-color: $maincolor;    text-align: center;    color: #fff;    padding: 5px;    margin-bottom: 10px;}
.home_left .home_left_ke ul li .home_left_ke_miaoshu a:hover{  text-decoration: none; }
.home_left_wj{min-height: 230px; margin-top: 10px; background-color: #fff; border-radius:3px;}
.home_left_wj .knowledge_tubiao li{ cursor: pointer; }
.home_right{ width: 30%; float: right; border-radius:3px; background:#fff;min-height: 350px;}
.xueyuanduan_renwulist_top h5{ margin:0; padding: 15px; font-weight: 100; }
.xueyuanduan_renwulist_top h6{margin:0; padding: 5px 15px; font-weight: 100; float:left;}
.xueyuanduan_renwulist_top h6 span{display: block;font-size: 16px;padding: 10px 5px; cursor: pointer; }
.xueyuanduan_renwulist_top h6>.active{border-bottom: 3px $maincolor solid; }
.xueyuanduan_renwulist_top h5 span{display: block;font-size: 16px; padding-left: 15px; border-left: 3px $maincolor solid; }

.home_7dayhead{  position: absolute; top: 45px; right: 5px; width: 250px; background-color: #fff; border-radius: 10px; border: 1px #eee solid;    box-shadow: 0 7px 21px rgba(0,0,0,0.1);}
.home_7daymain li{ height: 38px;    line-height: 38px;    padding-left: 10px;    text-overflow: ellipsis;    overflow: hidden;color: #666;}
.home_7daymain li a{ color: #39f}
.home_7daymain li:nth-child(odd){background:#fff;}
.home_7daymain li:nth-child(even){background:#ebecf1;}


.member_main{ background-color: #fff;  border-radius: 3px; }
.cprogress{ position: relative; width: 6em; line-height: 5em;}
.cprogress_bg{ background-color: #999; border-radius: 50%;   width: 6em; height: 6em; overflow: hidden; }
.cprogress_value{background-color: $maincolor;  height: 6em;}
.cprogress .text{ position:absolute; text-align: center; width: 5em; height: 5em; background-color: #fff;border-radius: 50%;    top: 0.5em;   left: 0.5em; }
/*公开课*/
.gongkai ul{ overflow: hidden; margin: 10px 0; padding-bottom: 5px; padding:0 27px }
 .gongkai ul li{  float: left; border-radius: 10px; border: 1px #eee solid; position: relative; padding-bottom:10px; overflow: hidden;  cursor: pointer;  transition:all 0.3s ease 0s}
 .gongkai ul li:hover{box-shadow: 0px 3px 5px #ddd; }
 .gongkai ul li img{ width: 100%; }
 .gongkai ul li .home_left_ke_title{ font-size: 16px; display: block; height: 40px; padding: 5px; overflow: hidden; }
 .gongkai ul li .home_left_ke_miaoshu{ font-size: 12px; padding: 5px; display: block; color: #999}
 .gongkai ul li .home_left_ke_miaoshu .iconfont{ font-size: 12px!important; margin-right: 0!important; }
.gongkai ul li .home_left_ke_miaoshu a{    display: block;    background-color: $maincolor;    text-align: center;    color: #fff;    padding: 5px;    margin-bottom: 10px;}
.gongkai ul li .home_left_ke_miaoshu a:hover{  text-decoration: none; }
.gongkai .shoucang{ cursor: pointer; float: right; }
.gongkai .shoucang:hover{color: #ffa300}
.gongkai_shaixuan{ padding: 15px; }
.gongkai_shaixuan .tool{ border: 1px #eee solid; padding: 2%;width: 96%; overflow: hidden;line-height: 30px; margin-top:-1px; }
.gongkai_shaixuan .paixu{ float: left; }
.gongkai_shaixuan .tool span{ cursor: pointer; padding: 10px; color: #666;}
.gongkai_shaixuan .paixu .active{ color: #39f }
.gongkai_shaixuan .shaixuan{ float: right; }
.gongkai_shaixuan .shaixuan .iconfont{ margin: 0; color:#fff; border:1px #ddd solid; }
.gongkai_shaixuan .shaixuan .active .iconfont{ border:0; color: #39f }
.gongkai_shaixuan .shaixuan .active{ color: #39f }
.breadcrumb{  padding: 8px 15px;list-style: none; margin-bottom: 10px;   background-color: #f5f5f5; color: #999;   border-radius: 4px;}   
.breadcrumb>li {display: inline-block; position: relative;}
.breadcrumb>li a{color: #777;border: 1px dashed #fff; padding: 5px;}
.breadcrumb>li:hover a,.breadcrumb>li a:hover{ border: 1px #ddd solid; border-bottom: 1px #fff solid;  }
.breadcrumb>li:hover ul{ display: block; }
.breadcrumb>li ul{ display: none; position: absolute;top: 25px; background-color: #fff; border:1px #ddd solid; padding: 10px; z-index: 99;  }
.breadcrumb>li ul li{ line-height: 30px;  }
.breadcrumb>li:hover ul a,.breadcrumb>li ul a{ border:0; }
.breadcrumb>li ul a:hover{  color: #39f; border: 0;}
.breadcrumb>.active {color: #999;}

/*VIP充值相关界面*/
.top_vip_tishi{ background-color: #ffa300; color: #fff; text-align: center; padding:1%; position: fixed; bottom: 0; width: 98%; z-index: 999;  }
.top_vip_tishi strong{ color: #8d5a00; }
#shenfen{ display: none; }
.vipbox{ position: fixed; width: 320px; left: 50%; margin-left: -160px; top: 10%; background-color: #fff; z-index: 999;  border-radius: 3px;  color: #929292; overflow: hidden; }
.vipbox .vip_top{ background-color: #505050; color: #fff;text-align: center; padding: 20px; }
.vip_top .vip_icon{ width: 70px; height: 70px; background:url(/images/vip_icon.png) -16px -118px; margin:12px auto; }
.vip_cname{ font-size: 18px; padding: 3px;  font-weight: bold;}
.vip_top .vip_ctype{ font-size: 14px; color: #929292; }
.vipbox .vip_top2{background-color: #ffa300; color: #af6f00;text-align: center; padding: 20px;}
.vip_top2 .vip_icon{ width: 70px; height: 70px; background:url(/images/vip_icon.png) -16px -203px; margin:12px auto; }
.vip_edu{ padding: 10px;  }
.vip_edu li{ position: relative; padding: 5px 0;}
.vip_edu li span{ position: absolute; right: 0;  }
.vip_xjindu{ height: 3px; background-color: #c4c4c4; padding: 0!important;margin: 5px 0; }
.vip_xjindu i{ display: block; height: 3px; background-color: #ffa300; }
.vip_edu .btn{ width: 100%; padding: 5px 0;  text-decoration: none;}
.vip_btn_kaitong{ background-color: #ffa300; color: #af6f00; }
.vip_btn_kaitong:hover{background-color: #ffaf22;}
.vip_btn_xufei{background-color: #f4f4f4; color: #5b5b5b; border:1px #ddd solid!important; }
.vip_btn_xufei:hover{background-color: #e6e6e6;}
.nav_vip_btn{width: 26px; height: 26px; background:url(/images/vip_icon.png) 0px 0px;background-size: 100%;    margin: 10px  5px; filter:Gray; -webkit-filter: grayscale(100%);transition:all 0.3s ease 0s}
.nav_vip_btn:hover{ filter:''; -webkit-filter: grayscale(0%);}

/*问答*/
.wenda{ color: #999;margin-top: 15px; }
.wenda h1{font-size: 16px;    font-weight: 600;    border-left: 4px #39f solid;    padding-left: 15px;}
.wenda .iconfont{margin-right: 5px; margin-left: 5px;}
.wenda .rongqi{background-color: #fff;   border-radius: 3px;}
.wenda a{ color: #39f ;  text-decoration: none;}
.wenda a:hover{text-decoration:underline;}
.wenda .wenda_main{ float: left; width: 75%;   }
.wenda ul li{ height: 30px; line-height: 30px; }
.wenda .wenda_main .wenda_main_tool{ padding:10px;cursor: pointer; }
.wenda .wenda_main .sort{position: relative; display: inline-block;}
.wenda .wenda_main .sort:hover .downoder{ display:block; }
.wenda .wenda_main .wenda_main_tool .downoder{display:none; left: 0; position: absolute; background-color: #fff; border:1px #ddd solid; padding: 10px; border-radius:3px; width: 100%;}
.wenda .wenda_main .wenda_main_tool .downoder li{ height: 30px; line-height: 30px; cursor: pointer; }
.wenda .wenda_main .wenda_main_tool .soso{ width: 190px; background-color: #e4e5ec;border-radius: 3px; padding:5px; float: right;}
.wenda .wenda_main .wenda_main_tool .soso input{width: 160px; border:0; background-color: transparent;}
.wenda .wenda_main .wenda_main_tool .fenlei{ background-color: #eee; padding:5px;border-radius: 3px;  }
.wenda .wenda_main .wenda_main_list{ margin-top: 15px; padding: 15px;}
.wenda_main_list_div{ border-radius: 3px; border:1px #ddd solid;min-height: 500px; }
.wenda_main_list_div .list_obj{ border-bottom: 1px #eee solid; padding: 15px; overflow: hidden;}
.wenda_main_list_div .hot{ background-color: #ebecf1; border-bottom: 1px #ddd solid; }
.wenda_main_list_div .hot strong{ color: red }
.wenda_main_list_div  .list_obj .touxiang{ width: 70px; float: left; text-align: center; }
.wenda_main_list_div  .list_obj .touxiang img{ border-radius: 50%; }
.wenda_main_list_div .list_obj .title{float: left; line-height: 30px; margin-left: 15px;}
.wenda_main_list_div .list_obj .title strong a{ font-size: 16px;  color: #333333; font-weight: 520;}
.wenda_main_list_div .list_obj .title strong a:hover{ color: #39f; }
.wenda_main_list_div .list_obj .button{float: right; text-align: right;line-height: 30px;}
.wenda .wenda_right{ float: right; width: 23%; margin-left: 2%;}
.wenda .wenda_right .tiwen{ display: block; background-color: #39f; color: #fff; text-align: center;border-radius: 3px; height: 40px;line-height: 40px; font-size: 16px; margin-bottom: 15px;}
.wenda .wenda_right .usercenter{ padding: 10px;  }
.wenda .wenda_right .usercenter img{ border-radius: 50%; display: block; margin:10px auto; }
.wenda .wenda_right .usercenter .jishu{  border-bottom: 1px #ddd solid; margin-bottom: 10px; padding: 10px; overflow: hidden;}
.wenda .wenda_right .usercenter .jishu .jisu33{ width: 33%; float: left; text-align: center; }
.wenda .wenda_right .usercenter .jishu .jisu33 strong{font-size: 21px;}
.wenda .wenda_right .hotlist{ margin-top: 15px; padding: 10px; }
.wenda .wenda_right .hotlist ul{margin-top: 10px;white-space:nowrap; text-overflow: ellipsis; }
.wenda .wenda_right .hotlist ul a{ color: #666; font-size: 14px; }
.wendaxiangqing{ padding: 15px; min-height: 500px;}
.wendaxiangqing h1{margin-top: 12px;    margin-bottom: 4px;    font-size: 22px;    font-weight: 600;    font-synthesis: style;    line-height: 32px;color: #1e1e1e;}
.wendaxiangqing .taglist{ margin: 10px 0; padding: 15px; }
.wendaxiangqing .daanlist{ padding: 10px; }
.wendaxiangqing .daanlist .text{ margin: 10px; }
.wendaxiangqing .daanlist .strong{ display: none; }
.wendaxiangqing .manyi{ background-color: #fffbe8; border:1px #ffdb04 solid; border-top: 5px #ffdb04 solid; }
.wendaxiangqing .manyi .strong{display: inline; font-size: 18px; color: #d66c04; }
.wendaxiangqing .manyi .strong .iconfont{font-size: 26px!important; margin-bottom: -10px;}
.wendaxiangqing .tag a{color: #3e7ac2; }
.wendaxiangqing .text{ font-size: 15px; line-height: 1.5em; color: #262626; }
.wendaxiangqing .text p{ text-indent: 30px; }
.wendaxiangqing .tiwenren{ border-bottom: 1px #eee solid; margin-bottom: 15px; padding: 15px 0; }
.wendaxiangqing .tiwenren img{border-radius: 50%;margin-bottom: -3px;}
.wendaxiangqing .tiwenren .guanli{ float: right; text-align: right; }
.wendaxiangqing .manyi .tiwenren{border-bottom:0; margin: 0; padding-bottom: 0}
.wendaxiangqing .huidashu{  width: 300px; margin: 10px auto; border: 1px #ddd solid;  padding: 5px 10px; text-align: center; }
.wendaxiangqing .tiwenkuang{ background: #f4f4f4; border:1px #ddd solid; padding: 15px; margin-top: 50px; }
.wendaxiangqing .tiwenkuang .kuang{ background-color: #fff; border: 1px #ddd solid; }
.wendaxiangqing .tiwenkuang .kuang input{width: 95%; border:0; background-color: transparent; padding: 10px;}
.tiwenbox{ padding:0 15px;    line-height: 40px; color: #666; }
.tiwenbox .tw_title{ width: 100%; height: 60px; }
.tiwenbox .tw_main{ height: 250px; }

/*网校*/
.kechenglist{}
.kechenglist .kechenglist_shaixuan{margin: 10px auto;}
.kechenglist .kechenglist_shaixuan ul{ clear: both; }
.kechenglist .kechenglist_shaixuan ul li{ float: left; padding: 5px; }
.kechenglist .kechenglist_shaixuan ul li a{ color: #333;text-decoration: none; }
.kechenglist .kechenglist_shaixuan .active{ color: $maincolor }
.kechenglist .kechenglist_shaixuan .active a{ color: $maincolor }
.kechenglist .kechenglist_shaixuan .ordertool{ background-color: #fff; border-radius: 3px; border:1px #ddd solid; overflow: hidden; padding: 8px; margin: 10px auto; clear: left; }
.kechenglist .kechenglist_shaixuan .ordertool li{ padding:0 15px; }
.kechenglist .kechenglist_shaixuan .ordertool .active{border-bottom: 2px $maincolor solid; padding-bottom: 8px; margin-bottom: -8px;}
.kechenglist .kechenglist_shaixuan .ordertool .fr{ float: right; }
.kechenglist .kechenglist_shaixuan .ordertool  input{vertical-align:middle;}
.kechenglistul{ overflow: hidden; margin:-10px; }
.kechenglistul li{ width: 25%; float: left;  }
.kechenglistul li .kechenglistli{background-color: #fff; margin: 10px; position: relative; }
.kechengimg{ position: relative;   }
.kechenglistul li img{ width: 100%; margin-bottom: -4px}
.kechenglistul li .kechengtype{  position: absolute; bottom: 0;left:0;width: 100%; }
.kechenglistul li .kechengtype .bg{ position: absolute; bottom: 0 ;display:block; background:#000; width: 100%; height:30px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6  }
.kechenglistul li .kechengtype .text{position: absolute; bottom: 0 ; line-height: 30px; color: #fff; }
.kechenglistul li .kechengtype .text span{ width: 45px; text-align: center; display: inline-block; }
.kechenglistul li .kechengtype .text .ms{ background-color: #019c42;}
.kechenglistul li .kechengtype .text .xs{ background-color: #39f;}
.kechenglistul li .kechengtype .text .vip{ background-color: #ffc333; color: #8a6404;}
.kechenglistul li .kechengname{  line-height: 20px; height: 38px; overflow: hidden; padding: 5px; }
.kechenglistul li .kechengmiaoshu{ color: #999;padding: 5px;  overflow: hidden; }
.kechenglistul li .kechengmiaoshu .fl{ float: left; }
.kechenglistul li .kechengmiaoshu .fr{ float: right; }
.kechenglistul li .kechengmiaoshu strong{color: red;}
.kechenglistul li .kechengmiaoshu .redbg{ background-color: red; color: #fff;  border-radius: 3px; padding: 0 5px; }
.kechenglistul .zhuanfa{ opacity: 0 ; position: absolute; top: 0; left: 0;width: 100%; height:100%; text-align: center; color: #fff;}
.kechenglistul .zhuanfa .bg{ position: absolute; top: 0 ;display:block; background:#000; width: 100%; height:100%;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6  }
.kechenglistul .zhuanfa .text{  position: relative; top: 0 ; margin: 20px; }
.kechenglistul .zhuanfa .text img{ width: 150px ;margin: 0 auto}
.kechenglistul .zhuanfa .text a{ display: inline-block; padding: 5px 10px; background-color: #131313; color: #fff; border-radius: 5px; text-decoration: none; }
.kechenglistul .zhuanfa .text .bgblue{ background-color: #39f; }
.kechenglistli:hover .zhuanfa{opacity: 1 ;transition:all 0.5s ease 0s}

/*工具条*/
.toolbox{  position: fixed; right: -100px;  height: 100%; width: 560px; background-color: rgba(0,0,0,0.6);  z-index: 99999;  color: #fff; display: none; top: 0;}
.toolbox .toolbox_list{max-width: 1170px; width: 90%; padding: 5%; margin: 0px auto; }
.toolbox .toolbox_list .toolbox_app{ width: 80px; margin: 5px 10px; padding: 10px 0px; height: 80px; float: left; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;transition:all 0.3s ease 0s;border-radius: 10px;}
.toolbox .toolbox_list .toolbox_app:hover{  background-color: #000; }
.toolbox .toolbox_list .toolbox_app .maxico{ width: 60px; height: 60px; line-height: 65px; margin: 0 auto; background-color: #3399ff; border-radius: 20px;  color: #fff;  margin-bottom: 5px;}
.toolbox .toolbox_list .toolbox_app .maxico .iconfont{font-size: 40px; margin: 0;}
.toolbox .toolbox_close{ position: absolute; left: -30px; width: 30px;  padding: 5px 10px; color: #fff; background-color: #ff0000; bottom:  10%; text-align: center; cursor: pointer;}
.toolbox .toolbox_close:hover{ background-color:#ff6666;  }
.toolbox .toolbox_list .toolbox_app .maximg {min-height: 60px;margin-bottom: 5px; }
.toolbox .toolbox_list .toolbox_app .maximg img{ width: 50px; }

/*在线客服*/
.jisu_kefu_window{width: 330px; display:none;  position: fixed; height: 500px; background-color: #eee; bottom: 1%; right: 70px;box-shadow: rgb(51, 51, 51) 0px 0px 10px; border-radius: 5px; overflow: hidden;text-align: left;}
.jisu_kefu_window_min{background-color: rgba(0,0,0,0.8); line-height: 40px; padding:0 5px;  border-radius: 20px; position: fixed;bottom: 20px; right: 70px;line-height: 40px; overflow: hidden; cursor:pointer;}
.jisu_kefu_window_head{background-color: #39f;padding: 10px;color: #fff; overflow:hidden;cursor: move;}
.jisu_kefu_window_img{width: 30px; height: 30px; border-radius: 15px; margin-top: 5px;float: left;}
.jisu_kefu_window_title{display: inline-block;line-height: 40px; float: left; text-align: left; margin-left: 10px; margin-right: 20px; color:#fff;}
.jisu_kefu_head_close{ font-size:36px; cursor:pointer; width:40px; height:40px; float:right;    line-height: 30px; text-align:center;}
.jisu_kefu_head_close:hover{ font-size:54px;}
.jisu_kefu_window_chat{ height:380px; overflow-y:auto; padding:10px;  border-bottom:1px #ddd solid;}
.jisu_kefu_msg_number{position: absolute; background-color: red; width: 15px; height: 15px; text-align: center;border-radius: 50%; color: #fff; font-size: 6px;line-height: 15px; overflow: hidden; top: 5px;right: 5px;text-align: center;}
.jisu_kefu_window_chat .nishuo{ overflow: hidden;    margin: 8px auto; }
.jisu_kefu_window_chat .nishuo  .touxiang{ float: left; width: 11%;    height: 11%;    border-radius: 50%;    border: 1px #ddd solid;    background-color: white;
    padding: 1%; }
.jisu_kefu_window_chat .nishuo  .name{float: right; width:83%; font-size: 12px }
.jisu_kefu_window_chat .nishuo .nairong{ background-color: #fff; border-radius: 5px; float: left;max-width:  75%; position: relative;  padding: 2%; margin-left: 3%;}
.jisu_kefu_window_chat .nishuo .triangle-left {   width: 0;   height: 0;   border-top: 5px solid transparent;   border-right: 10px solid #fff;   border-bottom: 5px solid transparent;  position: absolute; left: -10px;  top: 10px; } 
.jisu_kefu_window_chat .woshuo{ overflow: hidden;    margin: 8px auto;}
.jisu_kefu_window_chat .woshuo  .touxiang{ float: right;  width: 11%;    height: 11%;    border-radius: 50%;    border: 1px #ddd solid;    background-color: white;
    padding: 1%; }
.jisu_kefu_window_chat  .woshuo  .name{float: right; font-size: 12px }
.jisu_kefu_window_chat  .woshuo .nairong{ background-color: #39f; color: #fff; border-radius: 5px; float: right;position: relative;  padding: 2%; margin-right: 3%; max-width: 75%;}
.jisu_kefu_window_chat .woshuo .triangle-left {   width: 0;   height: 0;   border-top: 5px solid transparent;   border-left: 10px solid #39f;   border-bottom: 5px solid transparent;  position: absolute; right:  -10px;  top: 10px; } 
.jisu_kefu_window_input{ background-color:#fff; height:40px; line-height:40px;}
.jisu_kefu_window_input input{ font-size:18px; width:76%; border:0;  padding:2%;}
.jisu_kefu_window_input a{ width:20%; height:40px; line-height:40px; text-align:center; background-color:#39f; display:block; float:right; color:#fff;}

.knowledge_disabled{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;cursor: not-allowed !important;}